/* MT2009 window primitives. The PNGs are the original atlas crops and frame tiles. */
html[data-metin-ui] {
  --metin-font: Tahoma, Verdana, Arial, sans-serif;
  --metin-heading-font: var(--metin-font);
  --metin-text: #eee6d3;
  --metin-muted: #b5a58d;
  --metin-gold: #eed19a;
  --metin-surface: #1d1914;
  --metin-recess: #100d0a;
  --metin-border: #68563c;
  --metin-highlight: #f3d097;
  --metin-board: url("/metin-ui/thinboard.png");
  --metin-board-gold: url("/metin-ui/thinboard-gold.png");
  --metin-window: url("/metin-ui/board.png");
  --metin-board-base: url("/metin-ui/board-base.png");
  --metin-board-fill: linear-gradient(#130f0b9c, #130f0b9c), var(--metin-board-base);
  --metin-title: url("/metin-ui/titlebar-plain.png");
  --metin-slot: url("/metin-ui/slot.png");
  --metin-button-normal: url("/metin-ui/large-button-normal.png");
  --metin-button-hover: url("/metin-ui/large-button-hover.png");
  --metin-button-pressed: url("/metin-ui/large-button-pressed.png");
  --metin-tab-normal: url("/metin-ui/tab-normal.png");
  --metin-tab-hover: url("/metin-ui/tab-hover.png");
  --metin-tab-pressed: url("/metin-ui/tab-pressed.png");
  --metin-panel-shadow: 0 4px 12px #0009, inset 0 0 16px #0007;
  --metin-text-shadow: 0 1px 1px #000, 1px 0 1px #000;

  --font-ui: var(--metin-font);
  --font-display: var(--metin-heading-font);
  --font-mono: var(--metin-font);
  --font-semibold: 700;
  --bg-base: #100e0c;
  --bg-surface: var(--metin-surface);
  --bg-elevated: #29221a;
  --bg-overlay: #32281f;
  --bg-input: var(--metin-recess);
  --bg-skeleton: #231c15;
  --color-primary: #c9a66d;
  --color-primary-hover: var(--metin-highlight);
  --color-primary-active: #b08c56;
  --color-primary-muted: #c9a66d33;
  --color-primary-dim: #aa8a5b;
  --color-bronze: #6c5237;
  --text-primary: var(--metin-text);
  --text-secondary: var(--metin-muted);
  --text-muted: #a08e75;
  --text-gold: var(--metin-gold);
  --border-default: #413429;
  --border-hover: #816646;
  --border-focus: #f0c87d;
  --border-gold: var(--metin-border);
  --border-gold-bright: #b29561;
  --border-gold-dim: #514232;
  --shadow-gold-glow: 0 0 0 1px #d7ac6550;
  --radius-sm: 1px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-xl: 3px;
}

html[data-metin-ui] body {
  color: var(--metin-text);
  font-family: var(--metin-font);
  background: #14110e radial-gradient(ellipse at top, #29221b 0%, #14110e 58%, #0c0a08 100%) fixed;
}

@media (any-pointer: coarse) {
  html[data-metin-ui] {
    touch-action: pan-x pan-y;
  }

  :where(html[data-metin-ui]) :where(button, a[href], summary, [role="button"], [data-metin-button]) {
    touch-action: manipulation;
  }

  /* Older iOS WebKit can still double-tap zoom with manipulation. Limit the stronger rule to the steppers. */
  html[data-metin-ui] [data-metin-step] {
    touch-action: none;
  }
}

html[data-metin-ui] .local-server-badge {
  position: fixed;
  inset: auto 0 0 auto;
  z-index: 1200;
  padding: 4px 8px;
  border: 1px solid var(--metin-border);
  background: var(--metin-recess);
  color: var(--metin-gold);
  font: 12px var(--metin-font);
}

html[data-metin-ui] .local-server-badge a {
  color: inherit;
}

html[data-metin-ui] :is(h1, h2, h3, h4, [role="heading"]) {
  font-family: var(--metin-heading-font);
  text-shadow: var(--metin-text-shadow);
}

/* Components shared by pages, popups and the account flow. */
html[data-metin-ui] :is(._root_u8ao0_1, ._root_11w98_1, ._dialog_1jcx0_15) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] :is(._variantGhost_u8ao0_22, ._root_11w98_1:not(._variantRaised_11w98_21, ._variantBordered_11w98_22)) {
  background: #14100bd9;
  box-shadow: inset 0 0 8px #0007;
}

html[data-metin-ui] :is(._selected_11w98_171, ._root_u8ao0_1[aria-selected="true"]) {
  border-image-source: var(--metin-board-gold);
  background: #211a12 url("/metin-ui/thinboard-gold-base.png") repeat;
}

html[data-metin-ui] ._dialog_1jcx0_15 {
  --modal-max-height: calc(var(--metin-modal-viewport) - var(--metin-modal-top) - var(--metin-modal-bottom));
  box-sizing: border-box;
  min-width: 0;
  border-image: var(--metin-window) 32 / 22px / 0 repeat;
  background-clip: padding-box;
  box-shadow: 0 16px 48px #000c;
}

html[data-metin-ui] :is(._chrome_u8ao0_51, ._texture_u8ao0_27, ._frame_11w98_26, ._corner_11w98_76, ._texture_11w98_31, ._chrome_1jcx0_73, ._texture_1jcx0_46) {
  display: none;
}

html[data-metin-ui] ._backdrop_1jcx0_1 {
  --metin-modal-gutter: clamp(12px, 2.5vw, 36px);
  --metin-modal-top: max(var(--metin-modal-gutter), var(--safe-top, 0px));
  --metin-modal-bottom: max(var(--metin-modal-gutter), var(--safe-bottom, 0px));
  --metin-modal-viewport: min(var(--app-height, 100dvh), 100dvh);
  box-sizing: border-box;
  bottom: auto;
  height: var(--metin-modal-viewport);
  padding: var(--metin-modal-top) max(var(--metin-modal-gutter), var(--safe-right, 0px))
    var(--metin-modal-bottom) max(var(--metin-modal-gutter), var(--safe-left, 0px));
  background: #000a;
  backdrop-filter: none;
}

/* Repeat the middle of the original title bar and preserve its two end caps. */
html[data-metin-ui] :is(._header_1jcx0_148, [class*="_windowHeader_"], [data-metin-titlebar]) {
  color: var(--metin-gold);
  background: #30251d;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 24px / 0 repeat stretch;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] :is(._title_1jcx0_165, [class*="_windowTitle_"], [data-metin-title]) {
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  font-weight: 700;
  letter-spacing: normal;
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
}

html[data-metin-ui] ._header_1jcx0_148 {
  margin: 7px 7px 0;
  padding: 3px 6px 3px 12px;
  min-block-size: 32px;
}

html[data-metin-ui] ._footer_1jcx0_234 {
  box-shadow: inset 0 1px #8e6a403d;
}

html[data-metin-ui] ._body_1jcx0_222 {
  overscroll-behavior: contain;
}

@media (min-width: 768px) {
  html[data-metin-ui] ._sizeSm_1jcx0_131 { max-width: min(100%, 42rem); }
  html[data-metin-ui] ._sizeMd_1jcx0_135 { max-width: min(100%, clamp(49rem, 72vw, 66rem)); }
  html[data-metin-ui] ._sizeLg_1jcx0_139 { max-width: min(100%, clamp(60rem, 86vw, 82rem)); }
  html[data-metin-ui] ._sizeXl_1jcx0_144 { max-width: min(100%, 102rem); }

  html[data-metin-ui] ._header_1jcx0_148 {
    min-block-size: 40px;
  }
}

@media (max-width: 767px), (pointer: coarse) and (max-height: 500px) {
  html[data-metin-ui] ._backdrop_1jcx0_1 {
    --metin-modal-gutter: 8px;
    align-items: flex-end;
  }

  html[data-metin-ui] ._dialog_1jcx0_15 {
    max-width: 100%;
  }

  html[data-metin-ui] ._header_1jcx0_148 {
    margin: 5px 5px 0;
  }

  html[data-metin-ui] :is(._body_1jcx0_222, ._footer_1jcx0_234) {
    padding: clamp(10px, 3vw, 16px);
  }

  html[data-metin-ui] ._title_1jcx0_165 {
    min-width: 0;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
  }

  html[data-metin-ui] ._body_1jcx0_222 :is(input:not([type]), input:is([type="text"], [type="number"], [type="search"], [type="email"], [type="password"], [type="tel"], [type="url"]), select, textarea) {
    font-size: max(16px, 1rem);
  }

  html[data-metin-ui] ._footer_1jcx0_234 button {
    max-width: 100%;
    min-width: 44px;
    min-height: 44px;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 480px) {
  html[data-metin-ui] ._footer_1jcx0_234 > button:not([data-metin-close]) {
    flex: 1 1 7.5rem;
  }
}

html[data-metin-ui] :is(._root_1eguq_1:not(._variantIcon_1eguq_63, ._variantGhost_1eguq_169), [data-metin-button]) {
  --metin-control-art: var(--metin-button-normal);
  color: var(--metin-gold);
  background: #3e2b1e;
  border: 1px solid transparent;
  border-image: var(--metin-control-art) 6 13 fill / 6px 12px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
  text-shadow: var(--metin-text-shadow);
  letter-spacing: normal;
}

html[data-metin-ui] :is(._root_1eguq_1, [data-metin-button]):hover:not(:disabled, [aria-disabled="true"]) {
  --metin-control-art: var(--metin-button-hover);
}

html[data-metin-ui] :is(._root_1eguq_1, [data-metin-button]):active:not(:disabled, [aria-disabled="true"]) {
  --metin-control-art: var(--metin-button-pressed);
  transform: none;
}

html[data-metin-ui] ._root_1eguq_1:is(._variantDanger_1eguq_164, ._variantDanger_1eguq_164:hover) {
  color: #ffd0c3;
}

html[data-metin-ui] :is(._texture_1eguq_97, ._frame_1eguq_82, ._corner_1eguq_89) {
  display: none;
}

html[data-metin-ui] :is([role="tab"], ._tab_1ic98_52, ._tab_1khz7_160, [data-metin-tab]) {
  --metin-control-art: var(--metin-tab-normal);
  color: var(--metin-muted);
  background: #20180f;
  border: 1px solid transparent;
  border-image: var(--metin-control-art) 6 10 fill / 6px 9px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is([role="tab"], ._tab_1ic98_52, ._tab_1khz7_160, [data-metin-tab]):hover:not(:disabled, [aria-disabled="true"]) {
  --metin-control-art: var(--metin-tab-hover);
  color: var(--metin-gold);
}

html[data-metin-ui] :is([aria-selected="true"][role="tab"], ._tabActive_1ic98_113, ._tabActive_1khz7_199, [data-metin-tab][aria-pressed="true"]) {
  --metin-control-art: var(--metin-tab-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"]), select, textarea) {
  font-family: var(--metin-font);
  color: var(--metin-text);
  caret-color: var(--metin-gold);
  accent-color: var(--color-primary);
  border-radius: 1px;
  border-color: #766142;
}

html[data-metin-ui] :is(select, textarea, input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"]):not(._input_fldva_57)) {
  background-color: var(--metin-recess);
  box-shadow: inset 0 1px 3px #000b;
}

html[data-metin-ui] input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"], [type="color"], [type="hidden"], ._input_fldva_57) {
  border-image: url("/metin-ui/field.png") 3 5 fill / 3px 5px / 0 stretch;
}

html[data-metin-ui] :is(input, textarea)::placeholder {
  color: #ab9b83;
}

html[data-metin-ui] :is(input[type="checkbox"], input[type="radio"], input[type="range"], progress) {
  accent-color: #b0905e;
}

html[data-metin-ui] input[type="checkbox"]:not([role="switch"]) {
  appearance: none;
  inline-size: 22px;
  block-size: 18px;
  flex: 0 0 auto;
  border: 1px solid #89734e;
  border-radius: 0;
  background: #120e0a url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
  box-shadow: inset 0 1px 4px #000;
}

html[data-metin-ui] input[type="checkbox"]:checked:not([role="switch"]) {
  background-image: url("/metin-ui/check-mark.png"), url("/metin-ui/check-box.png");
  background-size: 19px 13px, 100% 100%;
}

html[data-metin-ui] input[type="checkbox"]:indeterminate:not([role="switch"]) {
  background-image: linear-gradient(#d5b175, #d5b175), url("/metin-ui/check-box.png");
  background-size: 8px 2px, 100% 100%;
}

html[data-metin-ui] :is(button, [role="button"], [role="tab"], a, input, select, textarea):focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: 2px;
}

html[data-metin-ui] :is(._tooltip_wd8iy_6, [role="tooltip"]) {
  background: #10100eed;
  border: 1px solid #81674d;
  border-radius: 0;
  box-shadow: 2px 3px 6px #000a;
  color: var(--metin-text);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}

html[data-metin-ui] ::-webkit-scrollbar-track {
  background: #0d0b09;
  box-shadow: inset 0 0 0 1px #594733;
}

html[data-metin-ui] ::-webkit-scrollbar-thumb {
  border: 1px solid transparent;
  border-image: url("/metin-ui/scrollbar-thumb.png") 4 0 fill / 4px 0 / 0 stretch;
  background: #59442e;
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button {
  display: block;
  height: 12px;
  background: #20170f var(--metin-scroll-arrow) center / 11px 12px no-repeat;
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:decrement {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-up-normal.png");
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:decrement:hover {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-up-hover.png");
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:decrement:active {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-up-pressed.png");
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:increment {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-down-normal.png");
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-down-hover.png");
}

html[data-metin-ui] ::-webkit-scrollbar-button:vertical:single-button:increment:active {
  --metin-scroll-arrow: url("/metin-ui/scrollbar-down-pressed.png");
}

html[data-metin-ui] ::-webkit-scrollbar-corner {
  background: #1b1510;
}

@supports not selector(::-webkit-scrollbar) {
  html[data-metin-ui] {
    scrollbar-color: #806545 #17120e;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] input[type="checkbox"]:not([role="switch"]) {
    appearance: auto;
  }
  html[data-metin-ui] ._closeButton_1jcx0_174 svg {
    opacity: 1;
  }
  html[data-metin-ui] ._closeButton_1jcx0_174 {
    background: none;
    color: ButtonText;
  }
}

/* Window-specific details for the browser layouts and their shared game controls. */
html[data-metin-ui] :is(
  ._inventoryCard_1khz7_2, ._equipmentCard_12247_57, ._shopCard_77xqd_1,
  ._panel_1bnn3_8, ._card_capsk_41, ._card_ezgp2_18, ._panel_1e5zh_21,
  ._allocateCard_1g8qf_56, ._derivedCard_1g8qf_57, ._hudCard_1o31l_1,
  ._card_19b7o_1, ._panel_18jef_10,
  ._statsCard_16j45_7, ._rulesCard_16j45_8, ._panel_1m1qy_8,
  [data-metin-window]
) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 18px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] :is(._windowHeader_1khz7_34, ._windowHeader_12247_181, ._windowHeader_77xqd_24, ._windowHeader_1bnn3_19, ._windowHeader_capsk_75, ._windowHeader_ezgp2_37) {
  margin: 5px 5px 0;
  color: var(--metin-gold);
}

html[data-metin-ui] :is(._panelBody_1khz7_151, ._panelBody_77xqd_51) {
  background: #201912ba;
}

html[data-metin-ui] :is(._board_1khz7_323, ._board_77xqd_95, ._boardFrame_12247_279, ._mortarBoard_1jv8e_133) {
  border: 1px solid #6d5a41;
  border-radius: 0;
  background: #17110c;
  box-shadow: inset 0 1px 9px #000a;
}

html[data-metin-ui] :is(._board_1khz7_323, ._board_77xqd_95) {
  background-image: var(--metin-board-fill);
}

/* Equipment_Base from Windows.dds, with slot coordinates from inventorywindow.py.
   The legacy art predates belts, so keep the web game's belt in the central gap. */
html[data-metin-ui] ._board_12247_252 {
  display: block;
  width: min(100%, 264px);
  aspect-ratio: 156 / 188;
  padding: 0;
  background: #16110c url("/metin-ui/equipment-classic.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] ._board_12247_252 > ._slotWrap_12247_256 {
  position: absolute;
  left: calc(var(--metin-slot-x) * 100% / 156);
  top: calc(var(--metin-slot-y) * 100% / 188);
  width: calc(32 * 100% / 156) !important;
  height: calc(var(--metin-slot-height, 32) * 100% / 188) !important;
}

html[data-metin-ui] ._areaWeapon_12247_417 { --metin-slot-x: 6; --metin-slot-y: 6; --metin-slot-height: 96; }
html[data-metin-ui] ._areaHelmet_12247_416 { --metin-slot-x: 42; --metin-slot-y: 5; }
html[data-metin-ui] ._areaArmor_12247_418 { --metin-slot-x: 42; --metin-slot-y: 40; --metin-slot-height: 64; }
html[data-metin-ui] ._areaShield_12247_420 { --metin-slot-x: 78; --metin-slot-y: 38; }
html[data-metin-ui] ._areaBracelet_12247_422 { --metin-slot-x: 78; --metin-slot-y: 70; }
html[data-metin-ui] ._areaEarrings_12247_421 { --metin-slot-x: 117; --metin-slot-y: 55; }
html[data-metin-ui] ._areaNecklace_12247_419 { --metin-slot-x: 117; --metin-slot-y: 87; }
html[data-metin-ui] ._areaBelt_12247_423 { --metin-slot-x: 42; --metin-slot-y: 113; }
html[data-metin-ui] ._areaBoots_12247_424 { --metin-slot-x: 42; --metin-slot-y: 148; }
html[data-metin-ui] ._areaMysteryHelmetRight_12247_425 { --metin-slot-x: 117; --metin-slot-y: 4; }
html[data-metin-ui] ._areaMysteryBeltLeft_12247_426 { --metin-slot-x: 5; --metin-slot-y: 116; }
html[data-metin-ui] ._areaMysteryBeltRight_12247_427 { --metin-slot-x: 78; --metin-slot-y: 116; }

html[data-metin-ui] :is(._cell_1khz7_557, ._root_xb5gk_1, ._classic_15mig_21, ._slotFace_1jv8e_178, ._slotFace_19b5u_143, ._slot_ysd04_52, ._slot_xqrp7_56, ._slot_9m9l9_33, ._slot_1e7cl_33) {
  background-color: #100d0a;
  background-image: var(--metin-slot);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0;
}

html[data-metin-ui] ._cell_1khz7_557 ._slot_1khz7_665 {
  background-color: transparent;
}

html[data-metin-ui] :is(._framed_xb5gk_116._selected_xb5gk_116, ._classic_15mig_21._highlighted_15mig_139) {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] ._board_12247_252 > ._slotWrap_12247_256:not(._areaBelt_12247_423) > ._classic_15mig_21:not(._highlighted_15mig_139) {
  background: transparent;
}

html[data-metin-ui] ._board_12247_252 :is(._areaMysteryHelmetRight_12247_425, ._areaMysteryBeltLeft_12247_426, ._areaMysteryBeltRight_12247_427) ._slotLabel_15mig_56 {
  opacity: 0;
}

html[data-metin-ui] :is(._framed_xb5gk_116, ._classic_15mig_21) :is(._corner_xb5gk_170, ._corner_15mig_83) {
  display: none;
}

html[data-metin-ui] :is(._frame_xb5gk_116, ._frame_15mig_61) {
  box-shadow: none;
}

html[data-metin-ui] :is(._highlighted_xb5gk_234 ._frame_xb5gk_116, ._classic_15mig_21._highlighted_15mig_139 ._frame_15mig_61) {
  box-shadow: inset 0 0 0 1px var(--color-success);
}

html[data-metin-ui] :is(._tab_77xqd_59, ._tab_77xqd_59:hover) {
  color: var(--metin-text);
  background: var(--metin-tab-normal) center / 100% 100% no-repeat;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] :is(._tab_77xqd_59:hover, ._tab_77xqd_59._tabActive_77xqd_68) {
  background-image: var(--metin-tab-hover);
}

html[data-metin-ui] ._tab_77xqd_59._tabActive_77xqd_68 {
  background-image: var(--metin-tab-pressed);
}

/* Standard popups that implement their own dialog chrome instead of the shared modal. */
html[data-metin-ui] :is(
  ._panel_5keho_22, ._dialog_1lsck_33, ._panel_jmoqf_82, ._card_1fq2t_35,
  ._panel_10lgw_3, [role="alertdialog"]
):not(._dialog_1jcx0_15) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 16px / 0 repeat;
  border-radius: 0;
  box-shadow: 0 8px 24px #000a;
}

html[data-metin-ui] main :is(
  [class*="_panel_"], [class*="_infoCard_"], [class*="_summaryCard_"],
  [class*="_contentCard_"], [class*="_resultCard_"], [class*="_costCard_"],
  [class*="_statsCard_"], [class*="_catalogCard_"]
):not(
  ._root_u8ao0_1, ._root_11w98_1, ._inventoryCard_1khz7_2, ._equipmentCard_12247_57,
  ._panel_1bnn3_8, ._panel_1m1qy_8, ._statsCard_16j45_7, ._panel_18jef_10,
  [data-metin-window]
) {
  background-color: var(--metin-surface);
  border-color: var(--metin-border);
  border-radius: 0;
}

html[data-metin-ui] main :is(
  ._dialogue_5va06_203, ._dialogue_capsk_202, ._dialogue_1c51p_50, ._dialogue_19b7o_131,
  ._briefing_huygo_1, ._rewardsFrame_huygo_33,
  ._unlockPanel_1jv8e_83, ._logSection_1o31l_583,
  [data-metin-dialogue]
) {
  background: #15110ddb;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
  border-radius: 0;
  box-shadow: inset 0 0 10px #0007;
}

html[data-metin-ui] :is(
  ._dialogueTitle_5va06_237, ._logTitle_1o31l_590, ._boardTitle_1m1qy_42,
  ._sectionTitle_1bnn3_63, ._statGroupTitle_1g8qf_789, ._title_1koi6_51,
  [data-metin-section-title]
) {
  color: var(--metin-gold);
  background: #392b1e;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  border-radius: 0;
  padding: 4px 9px;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._offerButton_5va06_103, ._npcLink_1bnn3_163, ._journalLink_capsk_102) {
  --metin-npc-action: var(--metin-button-normal);
  color: var(--metin-gold);
  background: #33261b;
  border: 1px solid transparent;
  border-image: var(--metin-npc-action) 6 13 fill / 6px 11px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._offerButton_5va06_103, ._npcLink_1bnn3_163, ._journalLink_capsk_102):hover {
  --metin-npc-action: var(--metin-button-hover);
}

html[data-metin-ui] :is(._offerButton_5va06_103, ._npcLink_1bnn3_163, ._journalLink_capsk_102):active {
  --metin-npc-action: var(--metin-button-pressed);
}

html[data-metin-ui] :is(._npcLink_1bnn3_163, ._journalLink_capsk_102) {
  display: inline-flex;
  align-items: center;
  min-block-size: 27px;
  padding-inline: 11px;
  text-decoration: none;
}

html[data-metin-ui] :is(._anvilGridCell_18jef_147, ._iconWrap_17eks_34) {
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._track_9w63p_8, ._vitalTrack_1o31l_289, ._track_qsnmc_17, ._huntCooldownTrack_1o31l_80) {
  background: #120e0a url("/metin-ui/gauge-slot.png") left center / 16px 100% repeat-x;
  border: 1px solid #3f3225;
  border-radius: 0;
}

html[data-metin-ui] ._variantHp_9w63p_67 {
  background: #b32c23 url("/metin-ui/gauge-red.png") left center / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] :is(._variantTimer_9w63p_72, ._fillCharging_qsnmc_70) {
  background: #315aa6 url("/metin-ui/gauge-blue.png") left center / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] ._variantXp_9w63p_63 {
  background: #d09754 url("/metin-ui/gauge-pink.png") left center / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] :is(._poisoned_9w63p_107, ._bleeding_9w63p_119) ._variantHp_9w63p_67 {
  background-image: none;
}

html[data-metin-ui] ._poisoned_9w63p_107 ._variantHp_9w63p_67 {
  background-color: #409039;
}

html[data-metin-ui] :is(._root_u8el6_1, ._previewCard_1dodm_383, ._identity_1g8qf_50) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._texture_u8el6_20, ._chrome_u8el6_38, ._previewTexture_1dodm_425, ._previewChrome_1dodm_437) {
  display: none;
}

html[data-metin-ui] :is(._iconFrame_u8el6_145, ._previewFrame_1dodm_412) {
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._pageHeader_1dodm_13, ._allocateHeader_1g8qf_390, ._pathHeader_1dodm_195) {
  background: #38291f;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 19px / 0 repeat stretch;
  border-radius: 0;
}

html[data-metin-ui] :is(._pageHeader_1dodm_13, ._pathHeader_1dodm_195) {
  padding: 7px 12px;
}

html[data-metin-ui] :is(._stepper_1g8qf_633:first-child, [data-metin-step="minus"]) {
  --step-normal: url("/metin-ui/step-minus-normal.png");
  --step-hover: url("/metin-ui/step-minus-hover.png");
  --step-pressed: url("/metin-ui/step-minus-pressed.png");
  --step-disabled: url("/metin-ui/step-minus-disabled.png");
}

html[data-metin-ui] :is(._stepper_1g8qf_633:last-child, [data-metin-step="plus"]) {
  --step-normal: url("/metin-ui/step-plus-normal.png");
  --step-hover: url("/metin-ui/step-plus-hover.png");
  --step-pressed: url("/metin-ui/step-plus-pressed.png");
  --step-disabled: url("/metin-ui/step-plus-disabled.png");
}

html[data-metin-ui] :is(._stepper_1g8qf_633, ._root_1eguq_1[data-metin-step]) {
  --step-art: var(--step-normal);
  color: transparent;
  background: var(--step-art) center / 22px 22px no-repeat;
  border: 0;
  border-image: none;
  box-shadow: none;
  text-shadow: none;
}

html[data-metin-ui] :is(._stepper_1g8qf_633, ._root_1eguq_1[data-metin-step]):hover:not(:disabled) {
  --step-art: var(--step-hover);
  color: transparent;
  background: var(--step-art) center / 22px 22px no-repeat;
}

html[data-metin-ui] :is(._stepper_1g8qf_633, ._root_1eguq_1[data-metin-step]):active:not(:disabled) {
  --step-art: var(--step-pressed);
}

html[data-metin-ui] :is(._stepper_1g8qf_633, ._root_1eguq_1[data-metin-step]):disabled {
  --step-art: var(--step-disabled);
  opacity: 1;
}

html[data-metin-ui] [data-metin-step] svg {
  opacity: 0;
}

@media (forced-colors: active) {
  html[data-metin-ui] ._stepper_1g8qf_633 {
    color: ButtonText;
  }
  html[data-metin-ui] [data-metin-step] svg {
    opacity: 1;
  }
}

html[data-metin-ui] :is(._portraitFrame_1o31l_110, ._packSlot_1o31l_131) {
  border-color: var(--metin-border);
  border-radius: 0;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] :is(._root_11w98_1, ._root_u8ao0_1, [data-metin-window]) :is(th, td) {
  border-color: #5d48344d;
}

html[data-metin-ui] :is(._root_11w98_1, ._root_u8ao0_1, [data-metin-window]) thead th {
  background: #282015;
  color: var(--metin-gold);
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .local-ga-panel :is(h1, h2) {
  color: var(--metin-gold);
  background: #35291e;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 23px / 0 repeat stretch;
  padding: 5px 13px;
}

/* The stock quest notifier uses the closed scroll at rest and opens it on hover. */
html[data-metin-ui] img._currentMissionIcon_1bnn3_114 {
  content: url("/metin-ui/quest-scroll-close.png");
  background: url("/metin-ui/quest-slot.png") center / contain no-repeat;
  object-fit: contain;
}

html[data-metin-ui] ._entry_1bnn3_78:is([data-status="available"], [data-status="active"], [data-status="ready"], :hover) img._currentMissionIcon_1bnn3_114 {
  content: url("/metin-ui/quest-scroll-open.png");
}

html[data-metin-ui] :is(._entry_1bnn3_78, ._questSpeech_capsk_236) {
  background: #130f0cb8;
  border: 1px solid #584532;
  border-radius: 0;
  box-shadow: inset 0 1px #b48a4e21;
}

html[data-metin-ui] ._entry_1bnn3_78:is([data-status="ready"], [data-status="active"]) {
  border-color: #a67b4c;
}

/* Apply native chrome to the administrative views as well as player windows. */
html[data-metin-ui] :is(
  ._header_eymqt_20, ._header_1xjav_12, ._header_1ozsa_12, ._header_r159j_11,
  ._statsHeader_gubi9_203, ._header_1e5zh_180, ._header_5keho_44
) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  padding: 10px 14px;
}

html[data-metin-ui] :is(
  ._title_eymqt_34, ._title_1xjav_26, ._title_1ozsa_17, ._title_r159j_17,
  ._title_mf3c0_13, ._title_xtj7q_13, ._title_gubi9_103, ._title_1e5zh_191,
  ._title_5keho_55
) {
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._texture_1e5zh_105, ._frame_1e5zh_124) {
  display: none;
}

/* The web encyclopedia reuses the game's board, section and item-slot primitives. */
html[data-metin-ui] ._section_68qjt_46 {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 16px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._articleHeader_68qjt_84, ._title_68qjt_61) {
  color: var(--metin-gold);
  background: #38291f;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 18px / 0 repeat stretch;
  border-radius: 0;
  padding: 5px 10px;
}

html[data-metin-ui] :is(._groupTitle_68qjt_91, ._notesTitle_68qjt_92) {
  color: var(--metin-gold);
  background: #30241a;
  border: 1px solid #6c563b;
  border-radius: 0;
  padding: 4px 8px;
}

html[data-metin-ui] :is(._itemGridSlot_68qjt_791, ._refineSlot_68qjt_927) {
  background: #130f0a var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._itemRow_68qjt_622, ._itemGridCell_68qjt_770, ._bonusCard_68qjt_255, ._refineDetails_68qjt_947) {
  background-color: #18120dc9;
  border-color: #6e553b;
  border-radius: 0;
}

html[data-metin-ui] ._table_68qjt_141 thead {
  color: var(--metin-gold);
  background: #2d2217;
}

/* One window holds equipment, the five-column bag, and both currencies. */
html[data-metin-ui] .metin-inventory-window {
  --metin-bag-width: 330px;
  --metin-equipment-width: 228px;
  --metin-inventory-control-height: 32px;
  box-sizing: border-box;
  width: min(100%, 400px);
  margin-inline: auto;
  padding: 7px 8px 9px;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 6px 10px;
}

html[data-metin-ui] .metin-inventory-window .metin-inventory-title {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  min-block-size: 36px;
}

html[data-metin-ui] .metin-inventory-title h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 1rem var(--metin-font);
}

html[data-metin-ui] .metin-inventory-window ._root_12247_1 {
  display: block;
}

html[data-metin-ui] .metin-inventory-window :is(._equipmentColumn_19w7z_111, ._inventoryColumn_19w7z_112) {
  width: 100%;
  min-width: 0;
}

html[data-metin-ui] .metin-inventory-window :is(._equipmentCard_12247_57, ._inventoryCard_1khz7_2, ._boardFrame_12247_279) {
  width: 100%;
  max-width: none;
  margin: 0;
  background: transparent;
  border: 0;
  border-image: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-inventory-window ._inventoryCard_1khz7_2 {
  --inv-grid-width: var(--metin-bag-width);
  --inv-gap: 1px;
  --inv-pad: 0px;
}

html[data-metin-ui] .metin-inventory-window :is(._windowHeader_1khz7_34, ._windowTitle_12247_223, ._windowHeader_12247_181:not(:has(._combatLockChip_12247_218))) {
  display: none;
}

html[data-metin-ui] .metin-inventory-window ._windowHeader_12247_181:has(._combatLockChip_12247_218) {
  justify-content: center;
  min-height: 0;
  margin: 0;
  padding: 3px 0;
  background: transparent;
  border: 0;
  border-image: none;
}

html[data-metin-ui] .metin-inventory-window ._board_12247_252 {
  width: min(100%, var(--metin-equipment-width));
}

html[data-metin-ui] .metin-inventory-window ._classic_15mig_21 {
  padding-inline: 2px;
}

html[data-metin-ui] .metin-inventory-window ._classic_15mig_21 ._slotLabel_15mig_56 {
  color: var(--metin-muted);
  font-size: 0.625rem;
  letter-spacing: 0;
  text-align: center;
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-inventory-window ._equipmentStack_12247_50 {
  gap: 4px;
}

html[data-metin-ui] .metin-inventory-window ._panelBody_1khz7_151 {
  background: transparent;
}

html[data-metin-ui] .metin-inventory-window ._board_1khz7_323 {
  width: min(100%, var(--metin-bag-width));
  padding: 0;
  background: #100c08;
}

html[data-metin-ui] .metin-inventory-window ._loadoutSwitch_19w7z_46 {
  padding: 4px 0;
}

html[data-metin-ui] .metin-inventory-window :is(._loadoutButton_19w7z_30, ._pvpClassButton_19w7z_72, ._bagToolButton_1khz7_92) {
  padding-inline: 4px;
  min-height: var(--metin-inventory-control-height);
  height: auto;
  font-size: 0.75rem;
}

html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 {
  width: min(100%, var(--metin-bag-width));
  margin-inline: auto;
  gap: 0;
  padding: 0;
}

html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 ._tab_1khz7_160 {
  min-height: var(--metin-inventory-control-height);
  padding-inline: 1px;
  font-size: 0.78rem;
  background: #20180f;
  border: 1px solid transparent;
  border-image: var(--metin-control-art) 6 10 fill / 6px 9px / 0 stretch;
  box-shadow: none;
}

html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 ._tab_1khz7_160[aria-selected="true"] {
  --metin-control-art: var(--metin-tab-pressed);
}

html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 ._tabDropValid_1khz7_250 {
  box-shadow: inset 0 0 0 2px #3ecf6a;
}

html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 ._tabDropInvalid_1khz7_259 {
  box-shadow: inset 0 0 0 2px #e05545;
}

html[data-metin-ui] .metin-inventory-window ._footer_1khz7_541 {
  gap: 3px;
  padding: 5px 0;
}

html[data-metin-ui] .metin-inventory-wallet {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: min(100%, var(--metin-equipment-width));
  margin: 6px auto 0;
}

html[data-metin-ui] .metin-inventory-wallet > * {
  min-width: 0;
  justify-content: center;
  min-height: 21px;
  padding: 1px 4px;
  color: var(--metin-gold);
  background: #17110a url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
}

@media (min-width: 768px) {
  html[data-metin-ui]:has(.metin-inventory-window) {
    --metin-inventory-desktop-width: clamp(42rem, 54vw, 50rem);
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    justify-items: end;
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] > .metin-inventory-window {
    --metin-bag-width: clamp(16.5rem, min(28vw, calc((100dvh - 18.5rem) * 5 / 9)), 25rem);
    --metin-equipment-width: 22rem;
    --metin-inventory-control-height: 40px;
    width: min(100%, var(--metin-inventory-desktop-width));
    padding: 8px 12px 12px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
    margin: 0;
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] > :not(.metin-inventory-window) {
    align-self: start;
    min-width: 0;
    width: min(100%, 31rem);
  }

  html[data-metin-ui] .metin-inventory-window ._classic_15mig_21 ._slotLabel_15mig_56 {
    font-size: clamp(0.7rem, 0.85vw, 0.85rem);
  }
}

@media (min-width: 1280px) {
  html[data-metin-ui]:has(.metin-inventory-window) ._viewport_t7szp_1 {
    right: calc(var(--metin-inventory-desktop-width) + 30px + var(--safe-right, 0px));
  }

  html[data-metin-ui]:has(.metin-inventory-window) ._drawerDesktop_1qjpe_149 {
    left: calc(15rem + var(--space-4));
    right: calc(var(--metin-inventory-desktop-width) + 2 * var(--space-4));
    width: auto;
    transform: none;
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, var(--metin-inventory-desktop-width));
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] > .metin-inventory-window {
    grid-area: 1 / 2;
  }

  html[data-metin-ui] ._panels_19w7z_175[data-metin-combined="true"] > :not(.metin-inventory-window) {
    grid-area: 1 / 1;
  }
}

@media (min-width: 1024px) and (pointer: fine) {
  html[data-metin-ui] .metin-inventory-window[data-metin-moved="true"] {
    position: relative;
    z-index: 2;
    translate: var(--metin-window-x) var(--metin-window-y);
  }

  html[data-metin-ui] .metin-inventory-window .metin-inventory-title {
    cursor: move;
    user-select: none;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-inventory-window {
    --metin-equipment-width: 16rem;
    --metin-inventory-control-height: 44px;
  }

  html[data-metin-ui] .metin-inventory-window ._tabs_1khz7_160 ._tab_1khz7_160,
  html[data-metin-ui] .metin-inventory-window :is(._loadoutButton_19w7z_30, ._pvpClassButton_19w7z_72, ._bagToolButton_1khz7_92) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-inventory-window ._board_1khz7_323 {
    max-height: none;
  }

  html[data-metin-ui] .metin-inventory-window ._classic_15mig_21 ._slotLabel_15mig_56 {
    padding-inline: 0;
  }
}

/* The plaza's scene stays interactive; only its loading window and controls are skinned. */
html[data-metin-ui] :is(._loadingCard_10zqo_156, ._menu_10zqo_192, ._disabled_10zqo_236, ._toolbar_14ldx_44, ._dropList_14ldx_132, ._card_fop31_27) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._toolbar_10zqo_12, ._loadingTitle_10zqo_165, ._disabled_10zqo_236 h1, ._header_14ldx_13, ._header_1tfxp_12) {
  color: var(--metin-gold);
  background: #352719;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 20px / 0 repeat stretch;
  border-radius: 0;
  padding: 7px 12px;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._disabled_10zqo_236 {
  width: min(420px, calc(100% - 24px));
  margin: clamp(18px, 10vh, 96px) auto 12px;
  padding: 12px;
  text-align: center;
}

html[data-metin-ui] ._disabled_10zqo_236 p {
  margin: 16px 0;
}

html[data-metin-ui] ._disabled_10zqo_236 a {
  display: inline-flex;
  justify-content: center;
  padding: 6px 14px;
  margin-bottom: 5px;
}

html[data-metin-ui] :is(._loading_10zqo_145, ._questSpeech_fop31_165, ._questDetails_fop31_178) {
  background-color: #120e0af5;
}

html[data-metin-ui] ._loadingBar_10zqo_178 {
  background: #100b07 url("/metin-ui/gauge-slot.png") left / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] ._loadingBarFill_10zqo_185 {
  background: #ab804c url("/metin-ui/gauge-pink.png") left / 16px 100% repeat-x;
}

html[data-metin-ui] :is(._toolbar_10zqo_12 button, ._menu_10zqo_192 button, ._filterChip_14ldx_85) {
  --metin-extra-button: var(--metin-button-normal);
  color: var(--metin-text);
  background: #35251a;
  border: 1px solid transparent;
  border-image: var(--metin-extra-button) 6 13 fill / 6px 11px / 0 stretch;
  border-radius: 0;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._toolbar_10zqo_12 button, ._menu_10zqo_192 button, ._filterChip_14ldx_85):hover:not(:disabled) {
  --metin-extra-button: var(--metin-button-hover);
}

html[data-metin-ui] :is(._toolbar_10zqo_12 button, ._menu_10zqo_192 button, ._filterChip_14ldx_85):is(:active, [aria-pressed="true"]):not(:disabled) {
  --metin-extra-button: var(--metin-button-pressed);
}

html[data-metin-ui] ._itemIcon_14ldx_189 {
  background: #1b1510 var(--metin-slot) center / 100% 100% no-repeat;
}

/* Inventory interactions. The ThinBoard and tooltip palette come from
   uitooltip.py; dialog controls and exchange lights use the original atlas. */
html[data-metin-ui] :is(._root_199ts_1, ._mobileNotice_l9ndb_79, ._menu_1rlxc_1, ._root_yhy71_1) {
  background: #0c0b09f0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  border-radius: 0;
  box-shadow: 0 5px 16px #000b;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-metin-ui] :is(._chrome_199ts_27, ._chrome_1rlxc_21, ._chrome_1e5zh_117) {
  display: none;
}

html[data-metin-ui] ._root_199ts_1 {
  color: #c2c2c2;
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._name_199ts_94 {
  color: #f2e7c1;
  font-family: var(--metin-font);
  letter-spacing: 0;
}

html[data-metin-ui] ._qualityGold_199ts_139 {
  color: #ffc800;
}

html[data-metin-ui] :is(._line_199ts_103, ._description_199ts_120, ._meta_199ts_126, ._classes_199ts_143) {
  color: #c2c2c2;
}

html[data-metin-ui] ._bonus_199ts_108 {
  color: #8ab98e;
}

html[data-metin-ui] :is(._bonusMax_199ts_112, ._socketName_199ts_227) {
  color: #b0dfb4;
}

html[data-metin-ui] :is(._negative_199ts_116, ._cannotEquip_199ts_158, ._cannotEquip_199ts_158 ._line_199ts_103, ._socketBroken_199ts_249) {
  color: #e67a76;
}

html[data-metin-ui] :is(._socketIcon_199ts_191, ._socketIconEmpty_199ts_201, ._socketIconMissing_199ts_210) {
  box-sizing: border-box;
  padding: 2px;
  background: url("/metin-ui/interactions/socket-silver.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] ._mobileBackdrop_l9ndb_44 {
  background: #0009;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html[data-metin-ui] ._menu_1rlxc_1 {
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] ._items_1rlxc_78 {
  gap: 4px;
}

html[data-metin-ui] :is(
  ._item_1rlxc_78,
  ._closeBtn_1e5zh_516,
  ._actionBtn_19otz_302,
  ._actionBtn_16i4u_196,
  ._actionBtn_nlt2z_116
) {
  --metin-confirm-art: url("/metin-ui/interactions/confirm-normal.png");
  color: var(--metin-gold);
  background: #241910;
  border: 1px solid transparent;
  border-image: var(--metin-confirm-art) 5 9 fill / 5px 9px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
  font-family: var(--metin-font);
  letter-spacing: 0;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(
  ._item_1rlxc_78,
  ._closeBtn_1e5zh_516,
  ._actionBtn_19otz_302,
  ._actionBtn_16i4u_196,
  ._actionBtn_nlt2z_116
):is(:hover, :focus-visible):not(:disabled, [aria-disabled="true"]) {
  --metin-confirm-art: url("/metin-ui/interactions/confirm-hover.png");
  color: var(--metin-highlight);
  box-shadow: none;
}

html[data-metin-ui] :is(
  ._item_1rlxc_78,
  ._closeBtn_1e5zh_516,
  ._actionBtn_19otz_302,
  ._actionBtn_16i4u_196,
  ._actionBtn_nlt2z_116
):active:not(:disabled, [aria-disabled="true"]) {
  --metin-confirm-art: url("/metin-ui/interactions/confirm-pressed.png");
}

html[data-metin-ui] ._item_1rlxc_78:disabled {
  color: var(--metin-muted);
  opacity: .55;
}

html[data-metin-ui] ._item_1rlxc_78._danger_1rlxc_118:not(:disabled) {
  color: #ef9a94;
}

html[data-metin-ui] ._item_1rlxc_78:focus-visible {
  outline: 2px solid var(--border-focus);
  outline-offset: -2px;
}

/* Refine, item pickers and empty views use the subdued inset of an original board. */
html[data-metin-ui] :is(
  ._row_9m9l9_12, ._row_1e7cl_12, ._sourceOption_19otz_44,
  ._costRow_19otz_180, ._resultPreview_19otz_156, ._slotCard_16i4u_34,
  ._costCard_nlt2z_36, ._resultCard_nlt2z_37, ._empty_19otz_125,
  ._empty_g8t9u_68, ._empty_rh1da_64, ._empty_1vu1y_22
) {
  background-color: #120e0a;
  border: 1px solid #59462f;
  border-radius: 0;
  box-shadow: inset 0 1px 4px #0008;
}

html[data-metin-ui] :is(._row_9m9l9_12, ._row_1e7cl_12, ._sourceOption_19otz_44):is(:hover, :focus-within) {
  background-color: #2a1c10;
  border-color: #99784b;
}

html[data-metin-ui] ._sourceOption_19otz_44[data-selected="true"] {
  background-color: #33220f;
  border-color: #be995b;
}

html[data-metin-ui] ._sourceCheck_19otz_101 {
  border: none;
  border-radius: 0;
  background: url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] ._sourceOption_19otz_44[data-selected="true"] ._sourceCheck_19otz_101 {
  background: url("/metin-ui/check-mark.png") center / 75% 75% no-repeat,
              url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] ._sourceOption_19otz_44[data-selected="true"] ._sourceCheck_19otz_101::after {
  display: none;
}

/* The native CheckImage overlays its original recessed slot. */
html[data-metin-ui] [role="switch"] > .metin-switch-mark {
  display: grid;
  flex: 0 0 20px;
  inline-size: 20px;
  block-size: 20px;
  place-items: center;
  background: url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] [role="switch"][aria-checked="true"] > .metin-switch-mark {
  background: url("/metin-ui/check-mark.png") center / 75% 75% no-repeat,
              url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
}

@media (forced-colors: active) {
  html[data-metin-ui] [role="switch"] > .metin-switch-mark {
    border: 1px solid ButtonText;
    background: none;
  }

  html[data-metin-ui] [role="switch"][aria-checked="true"] > .metin-switch-mark {
    background: none;
  }

  html[data-metin-ui] [role="switch"][aria-checked="true"] > .metin-switch-mark::after {
    content: "✓";
    color: ButtonText;
    font-size: 14px;
    line-height: 1;
  }
}

html[data-metin-ui] :is(._costRow_19otz_180, ._costCard_nlt2z_36)[data-short="true"],
html[data-metin-ui] ._slotCard_16i4u_34[data-state="damaged"] {
  border-color: #8b5044;
  background-color: #291613;
}

html[data-metin-ui] :is(._sectionLabel_19otz_10, ._sectionLabel_nlt2z_10) {
  color: var(--metin-gold);
  font-family: var(--metin-font);
  letter-spacing: 0;
}

html[data-metin-ui] ._error_sf7mk_65 {
  color: #ef9a94;
  border-color: #8b5044;
}

/* Case reveal preserves the rarity tint, motion, and modal scroll boundaries. */
html[data-metin-ui] ._track_1e5zh_235 {
  background: #0b0907;
  border: 1px solid #665036;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  box-shadow: inset 0 1px 8px #000c;
}

html[data-metin-ui] ._trackFadeLeft_1e5zh_285 {
  background: linear-gradient(90deg, #0b0907 10%, transparent);
}

html[data-metin-ui] ._trackFadeRight_1e5zh_286 {
  background: linear-gradient(270deg, #0b0907 10%, transparent);
}

html[data-metin-ui] :is(._spinSlot_1e5zh_325, ._revealSlot_1e5zh_326) {
  background: var(--metin-slot) center / 100% 100% no-repeat #100d0a;
  border-radius: 0;
}

html[data-metin-ui] ._root_yhy71_1 {
  box-shadow: inset 3px 0 var(--toast-frame), 0 4px 12px #0009;
}

html[data-metin-ui] ._closeButton_yhy71_66 {
  color: transparent;
  background: url("/metin-ui/close-normal.png") center / 15px 15px no-repeat;
}

html[data-metin-ui] ._closeButton_yhy71_66:hover {
  color: transparent;
  background-image: url("/metin-ui/close-hover.png");
}

html[data-metin-ui] ._closeButton_yhy71_66:active {
  background-image: url("/metin-ui/close-pressed.png");
}

@media (forced-colors: active) {
  html[data-metin-ui] ._closeButton_yhy71_66 {
    color: ButtonText;
    background: none;
  }
}

/* Activity windows use the same boards as TargetBoard, the atlas and FishingWindow. */
html[data-metin-ui] {
  --metin-battle-track: url("/metin-ui/combat/gauge-track.png");
  --metin-battle-hp: url("/metin-ui/gauge-red.png");
  --metin-battle-mp: url("/metin-ui/gauge-blue.png");
  --metin-battle-log: url("/metin-ui/combat/log-titlebar.png");
}

html[data-metin-ui] :is(
  ._hudCard_1o31l_1, ._root_1s9pt_5, ._root_15xde_1, ._root_1hdsl_1,
  ._pagerCard_1ce9a_139, ._card_63zli_1, ._card_1opcy_12,
  ._catalogCard_1ibis_13, ._sessionRoot_1ibis_87, ._card_2po6s_1,
  ._panel_vbmqj_45, ._root_t4sqk_1, ._root_1ienf_1, ._root_1erqj_1
) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 18px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] :is(
  ._fighters_1o31l_246, ._fighters_15xde_75, ._panel_rokeg_1,
  ._root_j9ahx_1, ._root_1i1c0_1, ._root_ysd04_1, ._root_xqrp7_1,
  ._root_1jc7l_1, ._root_k1zyv_1, ._logSection_15xde_79, ._summaryCard_1s9pt_106,
  ._entryRequirements_24v0g_33, ._section_1uev0_20,
  ._dialogue_63zli_99, ._root_1e2i5_5, ._panel_ezgp2_304, ._slotPanel_ezgp2_357,
  ._meterBlock_1ibis_267, ._panel_uk2cu_10, ._row_ibkdk_8
) {
  background: #100d0bcf;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  box-shadow: inset 0 0 8px #0008;
}

html[data-metin-ui] :is(
  ._header_1o31l_16, ._header_1hdsl_21, ._header_1ibis_123, ._header_1xs1a_22,
  ._header_1s9pt_37, ._header_15xde_73, ._mapTitleRow_1ce9a_283, ._header_1tfxp_12
) {
  position: relative;
  isolation: isolate;
  background: #211911;
  border: 1px solid #5f4b37;
  border-radius: 0;
  box-shadow: none;
  padding-inline: clamp(12px, 2.4vw, 22px);
}

html[data-metin-ui] :is(
  ._header_1o31l_16, ._header_1hdsl_21, ._header_1ibis_123, ._header_1xs1a_22,
  ._header_1s9pt_37, ._header_15xde_73, ._mapTitleRow_1ce9a_283, ._header_1tfxp_12
)::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: 23px;
  border-image: var(--metin-title) 0 32 fill / 0 22px / 0 repeat stretch;
  pointer-events: none;
}

html[data-metin-ui] :is(
  ._screenTitle_1o31l_212, ._enemyHeading_1o31l_228, ._zoneLabel_1o31l_229,
  ._title_1hdsl_117, ._title_1xs1a_29, ._zoneLabel_1ibis_139,
  ._title_15xde_135, ._title_1s9pt_71, ._mapTitle_1ce9a_283, ._title_1tfxp_17
) {
  color: var(--metin-gold);
  font-family: var(--metin-font);
  letter-spacing: normal;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(
  ._logTitle_1o31l_590, ._title_g64ng_17, ._sectionTitle_1s9pt_159,
  ._sectionTitle_1uev0_33, ._sectionTitle_24v0g_234, ._entryRequirementsTitle_24v0g_50,
  ._groupTitle_52tfe_16, ._groupTitle_1ce9a_248, ._sectionTitle_uk2cu_25,
  ._panelTitle_ezgp2_315, ._sectionTitle_16j45_139, ._title_t4sqk_7, ._title_1erqj_19
) {
  color: var(--metin-gold);
  background: #271e16;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 13px / 0 repeat stretch;
  border-radius: 0;
  padding: 4px 10px;
  font-family: var(--metin-font);
  letter-spacing: normal;
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
}

/* The log reuses the chat-log bar without its decorative close button. */
html[data-metin-ui] :is(
  ._head_1jc7l_15, ._logTitle_1o31l_590, ._title_g64ng_17
) {
  background: #292522;
  border-image: var(--metin-battle-log) 0 32 fill / 0 18px / 0 repeat stretch;
  padding-block: 5px;
}

html[data-metin-ui] ._toolBtn_1jc7l_40 {
  --metin-log-button: url("/metin-ui/small-button-normal.png");
  border: 1px solid transparent;
  border-image: var(--metin-log-button) 6 8 fill / 6px 7px / 0 stretch;
  border-radius: 0;
  background: #2a231b;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._toolBtn_1jc7l_40:hover {
  --metin-log-button: url("/metin-ui/small-button-hover.png");
}

html[data-metin-ui] ._toolBtn_1jc7l_40:is(:active, [aria-pressed="true"]) {
  --metin-log-button: url("/metin-ui/small-button-pressed.png");
  border-color: #af8851;
  color: var(--metin-gold);
  background: #1c1510;
  box-shadow: inset 0 0 0 1px #ad885777;
}

html[data-metin-ui] :is(._row_1jc7l_135, ._row_rokeg_47, ._row_g64ng_81) {
  border-bottom: 1px solid #6c5a413e;
  font-family: var(--metin-font);
}

html[data-metin-ui] :is(._row_1jc7l_135, ._row_rokeg_47, ._row_g64ng_81):nth-child(2n) {
  background-color: #c2a1770a;
}

html[data-metin-ui] :is(
  ._portraitFrame_1o31l_110, ._packPortraits_1o31l_111, ._modelFrame_ezgp2_99
) {
  background: #100d0a url("/metin-ui/board-base.png") center repeat;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  box-shadow: inset 0 0 12px #000a;
}

html[data-metin-ui] ._packPortraits_1o31l_111 ._packSlot_1o31l_131 {
  border-radius: 0;
}

/* The cap artwork is composed from Gauge_Slot_Left/Center/Right. Keep the
   app's fill widths, floating damage labels and existing status effects. */
html[data-metin-ui] :is(
  ._vitalTrack_1o31l_289 ._track_9w63p_8, ._track_qsnmc_17,
  ._huntCooldownTrack_1o31l_80, ._cooldownTrack_oh9le_167,
  ._track_1h2pr_42, ._progressTrack_1hdsl_207,
  ._meterBar_1ibis_288 ._track_9w63p_8,
  ._fighters_15xde_75 ._track_9w63p_8
) {
  background: #100d0a;
  border: 1px solid transparent;
  border-image: var(--metin-battle-track) 0 16 fill / 0 7px / 0 repeat stretch;
  border-radius: 0;
}

html[data-metin-ui] ._vitalTrack_1o31l_289 {
  background: none;
  border: 0;
}

html[data-metin-ui] ._fighters_1o31l_246 {
  --combat-player-hp-fill: #b32c23 var(--metin-battle-hp) left center / 16px 100% repeat-x;
  --combat-player-mp-fill: #1956a4 var(--metin-battle-mp) left center / 16px 100% repeat-x;
  --combat-enemy-hp-fill: #b32c23 var(--metin-battle-hp) left center / 16px 100% repeat-x;
}

html[data-metin-ui] ._cursed_1o31l_361 {
  --combat-player-hp-fill: #674192 url("/metin-ui/gauge-purple.png") left center / 16px 100% repeat-x;
  --combat-enemy-hp-fill: var(--combat-player-hp-fill);
}

html[data-metin-ui] ._fill_qsnmc_51:not(._fillCharging_qsnmc_70) {
  background: var(--combat-enemy-hp-fill, #b32c23 var(--metin-battle-hp) left center / 16px 100% repeat-x);
}

html[data-metin-ui] ._playerVitals_1o31l_264 ._hpRow_1o31l_281:not(._expRow_1o31l_277, ._playerHpRow_1o31l_341) ._variantDefault_9w63p_59 {
  background: #1956a4 var(--metin-battle-mp) left center / 16px 100% repeat-x;
}

html[data-metin-ui] :is(._huntCooldownFill_1o31l_88, ._cooldownFill_oh9le_178, ._track_1h2pr_42 ._fill_1h2pr_51, ._progressFill_1hdsl_217) {
  border-radius: 0;
  background: #3c5c9b var(--metin-battle-mp) left center / 16px 100% repeat-x;
  box-shadow: none;
}

html[data-metin-ui] :is(._hpLabel_1o31l_458, ._vitalExact_1o31l_489, ._hpPercent_1o31l_466, ._clock_1hdsl_23) {
  font-variant-numeric: tabular-nums;
  text-shadow: var(--metin-text-shadow);
}

/* Atlas and hunt list. The location marker is drawn only on the current map. */
html[data-metin-ui] ._mapTitle_1ce9a_283::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-inline-end: 7px;
  vertical-align: -2px;
  background: url("/metin-ui/combat/map-atlas.png") center / contain no-repeat;
}

html[data-metin-ui] ._row_52tfe_43[data-current="true"] ._name_52tfe_112::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 11px;
  margin-inline-end: 5px;
  vertical-align: 0;
  background: url("/metin-ui/combat/map-player.png") center / contain no-repeat;
}

html[data-metin-ui] :is(._root_iamt3_1, ._panel_g0cul_82) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] :is(._frame_iamt3_30, ._corner_iamt3_39) {
  display: none;
}

html[data-metin-ui] :is(._row_52tfe_43, ._item_24v0g_267, ._row_oh9le_43) {
  background-color: #16110d;
  border-radius: 0;
}

html[data-metin-ui] :is(._row_52tfe_43[data-current="true"], ._row_52tfe_43:hover, ._item_24v0g_267:focus-within, ._row_oh9le_43:focus-within) {
  background-color: #352719;
  box-shadow: inset 0 0 0 1px #ab854a80;
}

html[data-metin-ui] ._mapBlock_1ce9a_274 + ._mapBlock_1ce9a_274 {
  border-top: 1px solid #79634580;
  box-shadow: none;
}

html[data-metin-ui] ._root_1e2i5_5:not(._rootCombat_1e2i5_25) ._floorCurrent_1e2i5_103 {
  background: #4d2d1da8;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #a6683d80;
}

html[data-metin-ui] :is(._root_1e2i5_5, ._root_1h2pr_1) ._floor_1h2pr_22 {
  font-family: var(--metin-font);
  font-weight: 700;
  color: var(--metin-gold);
}

/* Rod preparation and horse care keep their dynamic water/vitality states. */
html[data-metin-ui] ._meterBlock_1ibis_267 {
  background-color: #12191b;
}

html[data-metin-ui] ._meterBlock_1ibis_267:first-child ._variantDefault_9w63p_59 {
  background: #1956a4 var(--metin-battle-mp) left center / 16px 100% repeat-x;
}

html[data-metin-ui] :is(._body_63zli_44, ._body_1opcy_54, ._body_ezgp2_64) {
  background: #15110da6;
}

html[data-metin-ui] ._stateBadge_ezgp2_132 {
  background: var(--metin-slot) center / contain no-repeat;
  filter: drop-shadow(0 2px 3px #000b);
}

html[data-metin-ui] :is(._slotCell_ezgp2_343, ._slotWrap_ibkdk_23) {
  border-radius: 0;
}

html[data-metin-ui] :is(._rewardRow_vbmqj_89, ._row_t4sqk_34, ._rowButton_1tfxp_120) {
  border-radius: 0;
  box-shadow: inset 0 -1px #a2835445;
}

html[data-metin-ui] :is(._rowCurrent_1ienf_68, ._rowActive_1tfxp_136) {
  background: #4b3521;
  box-shadow: inset 0 0 0 1px #b4935a90;
}

html[data-metin-ui] :is(._defeat_1s9pt_29 ._title_1s9pt_71, ._defeat_15xde_47 ._title_15xde_135, ._lostLootSection_1s9pt_237 ._sectionTitle_1s9pt_159) {
  color: #ffc2b1;
}

/* Both quick-slot grids in the original taskbar use Public/Slot_Base.sub.
   The skill numbers below are the existing execution order. */
html[data-metin-ui] :is(._list_xqrp7_46, ._slots_ysd04_72, ._grid_1jkb0_23) {
  gap: 4px;
  padding: 5px;
  background: #16120e url("/metin-ui/taskbar.png") left top / 256px 37px repeat-x;
  box-shadow: inset 0 0 0 1px #6a563d, inset 0 0 0 2px #0a0807;
}

html[data-metin-ui] :is(._heading_xqrp7_14, ._groupLabel_ysd04_64, ._title_ysd04_15) {
  font-family: var(--metin-font);
  letter-spacing: 0;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._groupLabel_ysd04_64 {
  color: var(--metin-gold);
}

html[data-metin-ui] :is(._slot_ysd04_52, ._slot_xqrp7_56) {
  background: none;
}

html[data-metin-ui] ._slot_xqrp7_56:not(:is(
  ._slotNext_xqrp7_81, ._slotHeld_xqrp7_88, ._slotCasting_xqrp7_94,
  ._slotCast_xqrp7_73, ._slotBuffActive_xqrp7_106
)) {
  box-shadow: none;
}

html[data-metin-ui] :is(._iconFrame_xqrp7_222, ._tile_1jkb0_40, ._ghost_1jkb0_89) {
  background: #100d0a var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] ._slot_xqrp7_56:is(._slotNext_xqrp7_81, ._slotCasting_xqrp7_94) ._iconFrame_xqrp7_222,
html[data-metin-ui] ._tile_1jkb0_40[aria-pressed="true"] {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] :is(._icon_xqrp7_101, ._iconFallback_xqrp7_102) {
  box-sizing: border-box;
  padding: 3px;
}

html[data-metin-ui] ._iconFallback_xqrp7_102 {
  background: transparent;
}

html[data-metin-ui] :is(._name_xqrp7_252, ._tag_ysd04_123) {
  color: var(--metin-muted);
  font-family: var(--metin-font);
  letter-spacing: 0;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._name_xqrp7_252 {
  line-height: 1.15;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] ._index_1jkb0_85 {
  min-width: 0;
  height: auto;
  padding: 0 2px;
  color: var(--metin-gold);
  background: #14100dbd;
  border-radius: 0;
  box-shadow: none;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._tipPanel_1jkb0_185, ._hoverCard_1jkb0_186, ._autoPotion_9s53t_200) {
  background: #15100be8;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] ._autoPotionEnable_9s53t_263 {
  --metin-toggle-art: url("/metin-ui/small-button-normal.png");
  background: #241b12;
  border: 1px solid transparent;
  border-image: var(--metin-toggle-art) 6 8 fill / 6px 7px / 0 stretch;
  border-radius: 0;
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._autoPotionEnable_9s53t_263:hover:not(:disabled, [aria-pressed="true"]) {
  --metin-toggle-art: url("/metin-ui/small-button-hover.png");
}

html[data-metin-ui] ._autoPotionEnable_9s53t_263:is(:active, [aria-pressed="true"]):not(:disabled) {
  --metin-toggle-art: url("/metin-ui/small-button-pressed.png");
}

@media (max-width: 640px) {
  html[data-metin-ui] :is(._header_1o31l_16, ._header_1hdsl_21, ._header_1ibis_123, ._header_1xs1a_22, ._header_1s9pt_37, ._header_15xde_73, ._mapTitleRow_1ce9a_283) {
    padding-inline: 12px;
  }
}

/* Social windows follow the mt2009 messenger, guild, ranking and options boards. */

html[data-metin-ui] :is(
  ._root_44s0j_1, ._root_fuqzh_1, ._panel_113m6_8, ._root_trb74_1,
  ._root_d829v_1, ._root_1l44f_1, ._root_1426q_1, ._root_10u25_1, ._root_qjq7b_1,
  ._root_1d3pd_1, ._root_mq661_1, ._warsPanel_18a15_23, ._card_1luia_7,
  ._header_1rb2m_8, ._section_1rb2m_166._root_11w98_1, ._boardCard_1a18j_98,
  ._seasonCard_1ienf_7, ._root_1eu23_1 > ._root_11w98_1,
  ._card_1nd4f_27:has(._list_1nd4f_98, ._thread_1nd4f_138)
) {
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

/* The messenger and guild windows divide dense lists with the original HorizontalBar. */
html[data-metin-ui] :is(
  ._sectionTitle_ki0po_25, ._sectionTitle_fuqzh_19, ._attachmentsTitle_1cdfg_38,
  ._requirementsTitle_d829v_42, ._createHeading_10u25_47, ._listHeading_10u25_61,
  ._bonusesTitle_1l44f_191, ._sectionTitle_1rb2m_170, ._sectionTitle_1eu23_33, ._sectionTitle_hkmw3_8,
  ._threadTitle_1nd4f_144, ._sectionTitle_1nd4f_226
) {
  padding: 3px 10px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  border-radius: 0;
  background-color: #36291c;
  color: var(--metin-gold);
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
}

html[data-metin-ui] :is(
  ._title_44s0j_7, ._title_fuqzh_7, ._title_trb74_7, ._toolbarTop_113m6_34,
  ._title_1426q_19, ._title_10u25_18, ._title_1d3pd_7, ._title_mq661_7,
  ._title_1eu23_16
) {
  padding: 5px 12px;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 24px / 0 repeat stretch;
  background-color: #21170e;
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
}

html[data-metin-ui] :is(
  ._list_ki0po_13, ._list_fuqzh_26, ._list_113m6_63, ._body_1cdfg_14, ._attachments_1cdfg_22,
  ._requirements_d829v_32, ._list_10u25_61, ._warList_1f1g1_13, ._historyList_fbxgr_20,
  ._list_ih5ez_10, ._list_1nd4f_98, ._thread_1nd4f_138
) {
  border: 1px solid #655139;
  border-radius: 0;
  background-color: #15110d;
  box-shadow: inset 0 1px 5px #000b;
}

html[data-metin-ui] :is(._root_ki0po_1, ._root_113m6_1, ._root_1eu23_1) {
  min-width: 0;
  margin-inline: auto;
}

html[data-metin-ui] ._root_ki0po_1 {
  width: min(100%, 52rem);
}

html[data-metin-ui] ._root_113m6_1 {
  width: min(100%, 65rem);
}

html[data-metin-ui] ._root_1eu23_1 {
  max-width: 65rem;
}

html[data-metin-ui] :is(._row_fuqzh_35, ._item_10u25_80, ._item_qjq7b_27, ._historyItem_fbxgr_29) {
  border-radius: 0;
  border-color: #594733;
  background: linear-gradient(#2a2218, #1b160f);
  box-shadow: inset 0 1px #b78b4430;
}

html[data-metin-ui] ._root_ki0po_1 :is(._toolbar_ki0po_33, ._actions_898rz_37) {
  column-gap: 6px;
}

/* This web client has mail, so use the classic whisper board and parameter slots for letters. */
html[data-metin-ui] ._toolbar_113m6_19 {
  margin: 6px 6px 0;
  padding: 0 0 5px;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] ._capacityLabel_113m6_57 {
  padding-inline: 10px;
  color: var(--metin-muted);
}

html[data-metin-ui] ._list_113m6_63 {
  width: auto;
  margin: 0 6px 6px;
}

html[data-metin-ui] ._root_cgjmg_1 {
  min-height: 46px;
  border-bottom-color: #544333;
}

html[data-metin-ui] ._root_cgjmg_1:nth-child(even) {
  background-color: #211a13;
}

html[data-metin-ui] ._root_cgjmg_1:is(:hover, :focus-visible, ._selected_cgjmg_32) {
  background-color: #3d2e1d;
  box-shadow: inset 0 0 0 1px #806548;
}

html[data-metin-ui] ._subjectUnread_cgjmg_71 {
  color: var(--metin-gold);
}

html[data-metin-ui] ._body_1cdfg_14 {
  padding: 10px 12px;
}

html[data-metin-ui] ._attachments_1cdfg_22 {
  padding: 8px 10px;
}

html[data-metin-ui] ._tileFallback_hgemb_16 {
  border-color: #796346;
  background: var(--metin-slot) center / 100% 100% no-repeat #120f0b;
}

html[data-metin-ui] ._actions_trb74_24 button[type="submit"] ._content_1eguq_191::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-inline-end: 4px;
  vertical-align: middle;
  background: url("/metin-ui/hud/send-normal.png") center / contain no-repeat;
}

html[data-metin-ui] ._actions_trb74_24 button[type="submit"]:is(:hover, :focus-visible):not(:disabled) ._content_1eguq_191::before {
  background-image: url("/metin-ui/hud/send-hover.png");
}

html[data-metin-ui] ._actions_trb74_24 button[type="submit"]:active:not(:disabled) ._content_1eguq_191::before {
  background-image: url("/metin-ui/hud/send-pressed.png");
}

/* Guild tabs in the web hub stay swipeable. Texture the rail independently of its children. */
html[data-metin-ui] ._root_1nw2n_1:has(
  ._root_kgnzo_1, ._root_eormv_1, ._root_h7c3n_1, ._root_18a15_1, ._root_fbxgr_1
) ._root_1ic98_1 {
  padding: 3px;
  border: 1px solid #64533d;
  background: url("/metin-ui/taskbar.png") left bottom / 256px 37px repeat-x #1d1711;
  box-shadow: inset 0 1px #c7a36226;
}

html[data-metin-ui] :is(._statCell_1l44f_122, ._lifetimeStat_1rb2m_183) {
  border: 1px solid #5d4933;
  border-radius: 0;
  background: linear-gradient(#20190f, #15110c);
  box-shadow: inset 0 1px #050403, inset 0 -1px #84674461;
}

html[data-metin-ui] :is(._avatarWrap_1l44f_49, ._avatarWrap_1rb2m_50) {
  border-radius: 0;
  background: var(--metin-slot) center / 100% 100% no-repeat #15110e;
}

html[data-metin-ui] :is(._root_130nc_1 ._item_130nc_16, ._root_1hf0w_1 ._duel_1hf0w_23, ._logPanel_19010_444) {
  border: 1px solid #6b573e;
  border-radius: 0;
  background: linear-gradient(#2d2419, #15110c);
  box-shadow: inset 0 0 0 1px #0b0906;
}

html[data-metin-ui] :is(._statLabel_1l44f_135, ._lifetimeStat_1rb2m_183 dt, ._rankCell_ih5ez_37) {
  font-family: var(--metin-font);
  color: var(--metin-gold);
}

/* Recessed score table and radio buttons from the legacy ranking and options windows. */
html[data-metin-ui] ._header_ih5ez_6 {
  padding: 6px 10px;
  color: var(--metin-gold);
  background: #38291a;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
}

html[data-metin-ui] ._row_ih5ez_16 {
  padding-inline: 9px;
  border-bottom-color: #5d4934;
}

html[data-metin-ui] :is(._row_ih5ez_16:nth-child(even), ._table_1ienf_50 tbody tr:nth-child(even)) {
  background-color: #221a12;
}

html[data-metin-ui] :is(._row_ih5ez_16._rowCurrent_ih5ez_30, ._table_1ienf_50 tbody tr._rowCurrent_1ienf_68) {
  background-color: #48351d;
  box-shadow: inset 0 0 0 1px #987544;
}

html[data-metin-ui] :is(._scopeChip_1a18j_43, ._fileButton_tds3e_82, ._tab_1nd4f_31, ._tabActive_1nd4f_70) {
  border: 1px solid transparent;
  border-image: var(--metin-button-normal) 0 13 fill / 0 12px / 0 repeat stretch;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--metin-text);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._scopeChip_1a18j_43, ._fileButton_tds3e_82, ._tab_1nd4f_31):is(:hover, :focus-visible) {
  border-image-source: var(--metin-button-hover);
}

html[data-metin-ui] :is(._scopeChip_1a18j_43._scopeChipActive_1a18j_74, ._tabActive_1nd4f_70, ._fileButton_tds3e_82:active) {
  border-image-source: var(--metin-button-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] :is(._preferenceRow_1eu23_50, ._preferenceRow_hkmw3_57) {
  border: 1px solid #5c4833;
  border-radius: 0;
  background: linear-gradient(#2b2117, #19130e);
  box-shadow: inset 0 1px #aa824632;
}

html[data-metin-ui] :is(._preferenceRow_1eu23_50, ._preferenceRow_hkmw3_57):focus-within {
  border-color: var(--border-focus);
}

html[data-metin-ui] ._dangerZone_hkmw3_105 {
  border-color: #77483b;
  border-radius: 0;
  background: linear-gradient(#321d17, #1c130f);
}

/* Preserve the support form, attachments and thread interactions inside legacy-style fields. */
html[data-metin-ui] ._dialog_1jcx0_15:has(._form_tds3e_1, ._thread_tds3e_140) {
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] :is(._field_tds3e_7 input:not([type="file"]), ._field_tds3e_7 textarea, ._textarea_1nd4f_192) {
  border: 1px solid transparent;
  border-image: url("/metin-ui/field.png") 2 fill / 2px stretch;
  border-radius: 0;
  background-color: #0f0c09;
  color: var(--metin-text);
}

html[data-metin-ui] :is(._field_tds3e_7 input:not([type="file"]), ._field_tds3e_7 textarea, ._textarea_1nd4f_192):focus-visible {
  outline: 1px solid var(--border-focus);
  outline-offset: 1px;
}

html[data-metin-ui] :is(._historyButton_tds3e_114, ._listItem_1nd4f_109, ._listItemActive_1nd4f_110, ._thread_tds3e_140 li, ._message_1nd4f_155) {
  padding: 6px 8px;
  border: 1px solid #59442f;
  border-radius: 0;
  background: #21190f;
}

html[data-metin-ui] :is(._historyButton_tds3e_114:hover, ._historyButton_tds3e_114:focus-visible,
  ._listItem_1nd4f_109:hover, ._listItem_1nd4f_109:focus-visible, ._listItemActive_1nd4f_110) {
  border-color: #a68350;
  background-color: #3f2c19;
  color: var(--metin-gold);
}

/* Shop, market and trading windows use the mt2009 board, slot and shop chrome. */
html[data-metin-ui] {
  --metin-shop-bar: url('/metin-ui/economy/item-bar.png');
  --metin-shop-middle: url('/metin-ui/economy/middle-normal.png');
  --metin-shop-middle-hover: url('/metin-ui/economy/middle-hover.png');
  --metin-shop-middle-pressed: url('/metin-ui/economy/middle-pressed.png');
}

/* shopdialog.py and the private shop use stock slots, recessed lists and middle buttons. */
html[data-metin-ui] :is(
  ._root_gyqwc_3,
  ._root_1476l_1,
  ._panel_vvvel_20,
  ._panel_1mkfg_21,
  ._root_2eq6y_1,
  ._cardShell_vfryf_2,
  ._consent_alzpr_324,
  ._table_r8jm4_23
) {
  background: var(--metin-board-fill, var(--metin-board-base)) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] ._root_gyqwc_3 {
  border-image: var(--metin-window) 32 / 16px / 0 repeat;
}

html[data-metin-ui] :is(
  ._root_8rr51_1, ._insetPanel_kbj67_3, ._listbox_1d0kt_7, ._root_13340_1,
  ._sortBar_8rr51_22, ._section_1mkfg_100, ._body_1i1a3_1 ._qtyBlock_1i1a3_14
) {
  background: #14100c;
  border-radius: 0;
  box-shadow: inset 0 0 0 1px #69563c80, inset 0 1px 6px #0009;
}

html[data-metin-ui] :is(._sortBar_8rr51_22, ._body_1i1a3_1 ._qtyBlock_1i1a3_14) {
  padding: 0.375rem;
}

html[data-metin-ui] :is(._header_vvvel_47, ._header_1mkfg_55) {
  background: transparent;
  border: 0 solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 24px / 0 repeat stretch;
}

html[data-metin-ui] :is(._title_vvvel_59, ._title_1mkfg_66, ._sectionTitle_1mkfg_115, ._listingsTitle_kf57v_190) {
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._chip_kbj67_13:is(._closeButton_vvvel_69, ._closeButton_1mkfg_76) {
  background: url('/metin-ui/close-normal.png') center / 16px no-repeat;
  border: 0;
  border-image: none;
  box-shadow: none;
}

html[data-metin-ui] ._chip_kbj67_13:is(._closeButton_vvvel_69, ._closeButton_1mkfg_76):hover:not(:disabled) {
  background-image: url('/metin-ui/close-hover.png');
  border-image: none;
}

html[data-metin-ui] ._chip_kbj67_13:is(._closeButton_vvvel_69, ._closeButton_1mkfg_76):active:not(:disabled) {
  background-image: url('/metin-ui/close-pressed.png');
}

html[data-metin-ui] :is(._closeButton_vvvel_69, ._closeButton_1mkfg_76) svg {
  opacity: 0;
}

html[data-metin-ui] :is(
  ._chip_kbj67_13, ._viewChip_kf57v_47, ._viewChipActive_kf57v_52,
  ._modeButton_77xqd_150, ._modeActive_77xqd_151,
  ._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109
) {
  color: var(--metin-text);
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-shop-middle) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] :is(
  ._chip_kbj67_13, ._viewChip_kf57v_47, ._viewChipActive_kf57v_52,
  ._modeButton_77xqd_150, ._modeActive_77xqd_151,
  ._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109
):hover:not(:disabled) {
  color: var(--metin-gold);
  border-image-source: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(
  ._chipActive_kbj67_37, ._viewChipActive_kf57v_52, ._modeActive_77xqd_151, ._quickBtnActive_1i1a3_133
) {
  color: var(--metin-highlight);
  border-image-source: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] :is(._toolbar_2eq6y_15, ._toolbar_kf57v_10, ._columns_1lgpx_2, ._balanceRow_1vdg7_16) {
  background: #2c2720 var(--metin-shop-bar) center / 100% 100% no-repeat;
}

html[data-metin-ui] ._balanceRow_1vdg7_16 {
  padding: 0.375rem 0.625rem;
}

html[data-metin-ui] :is(._root_1lgpx_1, ._row_943pl_11) {
  background: #17130f;
  box-shadow: inset 0 -1px #514331;
}

html[data-metin-ui] :is(._root_1lgpx_1, ._row_943pl_11):hover {
  background: #2c2217;
}

html[data-metin-ui] ._root_1lgpx_1:hover :is(._qty_1lgpx_175, ._priceCell_1lgpx_176, ._timeCell_1lgpx_159) {
  background: transparent;
}

html[data-metin-ui] ._price_1lgpx_176 img {
  content: url('/metin-ui/economy/yang.png');
}

html[data-metin-ui] ._timer_1lgpx_233::before {
  content: '';
  display: inline-block;
  width: 0.75em;
  height: 1em;
  margin-inline-end: 0.25em;
  vertical-align: -0.16em;
  background: url('/metin-ui/economy/timer.png') center / contain no-repeat;
}

html[data-metin-ui] :is(._iconSlot_1lgpx_65, ._iconWrap_vfryf_36:not(._iconWrapBackground_vfryf_55)) {
  background: #100d0a var(--metin-slot) center / 100% 100% no-repeat;
  border-color: transparent;
  border-radius: 0;
}

/* The Item Shop uses the Flamewind title strip on product names and the receipt ledger. */
html[data-metin-ui] :is(._nameRow_vfryf_141, ._table_r8jm4_23 thead, ._packLabel_alzpr_131) {
  background: #2b261e var(--metin-shop-bar) center / 100% 100% no-repeat;
}

html[data-metin-ui] ._nameRow_vfryf_141 {
  min-height: 1.75rem;
  padding: 0.25rem 0.5rem;
}

html[data-metin-ui] :is(._name_vfryf_141, ._footerAmount_vfryf_299, ._balanceAmount_1vdg7_29, ._consentTitle_alzpr_419) {
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._cardEquipped_vfryf_8 {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] ._footer_vfryf_274 > button::before {
  content: '';
  width: 1.375rem;
  height: 0.875rem;
  flex: 0 0 auto;
  background: url('/metin-ui/economy/buy-coins.png') center / contain no-repeat;
}

html[data-metin-ui] :is(._pack_vfryf_182, ._pack_1i1a3_139) {
  background: #12100d;
  border: 1px solid var(--metin-border);
  border-radius: 0;
  box-shadow: inset 0 1px 5px #000a;
}

html[data-metin-ui] :is(._packSelected_vfryf_213, ._packSelected_1i1a3_165) {
  background: #302518;
  border-color: var(--metin-gold);
  box-shadow: inset 0 0 0 1px #2b1a0e;
}

html[data-metin-ui] ._consentChecked_alzpr_335 {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] ._consentError_alzpr_342 {
  outline: 1px solid var(--color-warning);
  outline-offset: -1px;
}

html[data-metin-ui] ._checkbox_alzpr_364:checked::after {
  display: none;
}

html[data-metin-ui] ._table_r8jm4_23 th {
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._table_r8jm4_23 tbody tr:nth-child(even) {
  background: #0b080640;
}

@media (max-width: 47.99rem) {
  html[data-metin-ui] ._timer_1lgpx_233::before {
    display: none;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] :is(._closeButton_vvvel_69, ._closeButton_1mkfg_76) svg {
    opacity: 1;
  }
}

/* QuestDialog's ThinBoard and ExchangeDialog's item slots, adapted to the browser journal. */
html[data-metin-ui] ._root_1kaug_1 {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] ._active_1kaug_86 {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] ._muted_1kaug_93 {
  background: #18130edb;
}

html[data-metin-ui] :is(._texture_1kaug_15, ._frame_1kaug_27) {
  display: none;
}

html[data-metin-ui] :is(._boardTitle_1m1qy_42, ._groupLabel_p7o06_22) {
  color: var(--metin-gold);
  background: #35281d;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 14px / 0 repeat stretch;
  border-radius: 0;
  padding: 4px 9px;
}

html[data-metin-ui] :is(._boardHeader_1m1qy_26, ._shopHeader_1m1qy_27) {
  background: #1b150f;
  border: 1px solid #58452f;
  padding: 6px 9px;
}

html[data-metin-ui] :is(._offerHeading_1m1qy_282, ._missionTop_1m1qy_127) {
  color: var(--metin-gold);
  border-bottom: 1px solid #6c573a;
  padding-block-end: 5px;
}

html[data-metin-ui] :is(._rewards_1m1qy_232, ._contents_1m1qy_310, ._cards_p7o06_31) {
  background: #100d0abf;
  border: 1px solid #534230;
  border-radius: 0;
  padding: 5px 7px;
}

html[data-metin-ui] :is(._contentItem_1m1qy_319 img, ._root_1a6v4_1:not(._item_1a6v4_20)) {
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._stat_1m1qy_55, ._limit_p7o06_45, ._detailsCountdown_178k8_216, ._detailsPhase_620ur_227) {
  background: #18130d;
  border: 1px solid #655039;
  border-radius: 0;
}

html[data-metin-ui] :is(._limit_p7o06_45, ._detailsCountdown_178k8_216, ._detailsPhase_620ur_227) {
  padding: 4px 7px;
}

html[data-metin-ui] ._limitReached_p7o06_46 {
  border-color: #9d523d;
}

html[data-metin-ui] ._table_1erqj_51 thead {
  color: var(--metin-gold);
  background: #302319 url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x;
}

html[data-metin-ui] ._table_1erqj_51 tbody tr:nth-child(even) {
  background: #1d160fbb;
}

html[data-metin-ui] ._table_1erqj_51 :is(th, td) {
  border-color: #584531;
}

/* System strips follow the engraved Metin horizontal bar and retain event status colors. */
html[data-metin-ui] :is(._row_620ur_6, ._row_dfaxm_6, ._row_178k8_6) {
  background: #21190f;
  border-bottom: 1px solid #715639;
  box-shadow: none;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 15px / 0 repeat stretch;
  font-family: var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] :is(._openDetails_620ur_136, ._openDetails_dfaxm_24, ._openDetails_178k8_38):hover {
  color: var(--metin-highlight);
}

html[data-metin-ui] :is(._detailsBody_620ur_221, ._detailsBody_178k8_206, ._body_dfaxm_127) {
  background: #14100bc9;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  padding: 9px 12px;
}

/* Keep the real radio and its keyboard focus while drawing the native frame and mark. */
html[data-metin-ui] :is(._option_dfaxm_139, ._resultRow_dfaxm_235) {
  background: #18130f;
  border: 1px solid #6b553c;
  border-radius: 0;
  box-shadow: inset 0 1px #b3915d25;
}

html[data-metin-ui] :is(._option_dfaxm_139:hover, ._optionSelected_dfaxm_165, ._resultMine_dfaxm_244) {
  background: #302217;
  border-color: var(--metin-highlight);
}

html[data-metin-ui] ._radioMark_dfaxm_186 {
  border-radius: 0;
  background: #191208 url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] ._radioInput_dfaxm_178:checked + ._radioMark_dfaxm_186 {
  background:
    url("/metin-ui/check-mark.png") center / 85% 80% no-repeat,
    url("/metin-ui/check-box.png") center / 100% 100% no-repeat #191208;
  box-shadow: none;
}

html[data-metin-ui] ._bar_dfaxm_269 {
  background: #140e09 url("/metin-ui/gauge-slot.png") left center / 16px 100% repeat-x;
  border-color: #69543a;
}

html[data-metin-ui] ._barFill_dfaxm_276 {
  background: #aa426d url("/metin-ui/gauge-pink.png") left center / 16px 100% repeat-x;
}

@media (forced-colors: active) {
  html[data-metin-ui] ._radioMark_dfaxm_186 {
    border: 1px solid ButtonText;
  }

  html[data-metin-ui] ._radioInput_dfaxm_178:checked + ._radioMark_dfaxm_186 {
    background: Highlight;
  }
}

/* Signed-in shell. The taskbar, chat strip and button sprites follow taskbar.py and uichat.py from mt2009. */
@media (pointer: fine) {
  html[data-metin-ui] {
    --cursor-game: url("/metin-ui/cursor-normal.png") 0 0, auto;
  }

  html[data-metin-ui] :is(._huntButton_1uev0_152, ._fightBtn_16j45_226):not(:disabled, [aria-disabled="true"]) {
    cursor: url("/metin-ui/cursor-attack.png") 0 0, pointer;
  }

  html[data-metin-ui] ._offerButton_5va06_103:not(:disabled, [aria-disabled="true"]) {
    cursor: url("/metin-ui/cursor-talk.png") 0 0, pointer;
  }

  html[data-metin-ui] ._orbitOn_35n7h_132 {
    cursor: url("/metin-ui/cursor-camera.png") 0 0, grab;
  }

  html[data-metin-ui] :is(._huntButton_1uev0_152, ._fightBtn_16j45_226, ._offerButton_5va06_103):is(:disabled, [aria-disabled="true"]) {
    cursor: url("/metin-ui/cursor-blocked.png") 0 0, not-allowed;
  }
}

html[data-metin-ui] :is(._root_1v0xl_1, ._root_12uxw_1) {
  background: url("/metin-ui/taskbar.png") repeat-x left bottom / 256px 37px, #171613;
  box-shadow: inset 0 -1px #070605;
}

html[data-metin-ui] ._root_1v0xl_1 {
  border-bottom: 1px solid #1d1913;
}

html[data-metin-ui] ._root_12uxw_1 {
  border-top-color: #71624a;
  background-position: left top;
}

html[data-metin-ui] :is(._root_v835w_1, ._panel_1yy3m_9, ._root_ogwe7_1, ._panel_jmoqf_82) {
  border-radius: 0;
  background: var(--metin-board-fill) repeat #171511;
}

html[data-metin-ui] :is(._texture_1v0xl_31, ._texture_v835w_36, ._texture_1yy3m_31, ._texture_ogwe7_24,
  ._texture_jmoqf_106, ._corner_1v0xl_72, ._corner_v835w_84, ._corner_1yy3m_71, ._corner_ogwe7_64,
  ._corner_jmoqf_146, ._mobileFabCorner_1qjpe_67) {
  visibility: hidden;
}

html[data-metin-ui] :is(._frame_1v0xl_62, ._frame_v835w_70, ._frame_1yy3m_62, ._frame_ogwe7_55,
  ._frame_jmoqf_137, ._mobileFabFrame_1qjpe_58) {
  border: 0 solid transparent;
  border-image: var(--metin-board, url("/metin-ui/thinboard.png")) 16 / 9px stretch;
  border-radius: 0;
  opacity: 1;
  box-shadow: none;
}

html[data-metin-ui] :is(._menuTitle_v835w_126, ._header_1yy3m_122, ._header_ogwe7_106) {
  border: 0 solid transparent;
  border-image: var(--metin-title, url("/metin-ui/titlebar-plain.png")) 0 32 fill / 0 26px repeat stretch;
  background: #1c1712;
  box-shadow: none;
  text-shadow: 0 1px #000;
}

html[data-metin-ui] :is(._menuTitle_v835w_126, ._title_1yy3m_141, ._title_ogwe7_122, ._brandName_1v0xl_144) {
  color: var(--metin-gold, #e6d1a0);
  font-family: var(--metin-heading-font, Georgia, Tahoma, serif);
  text-transform: none;
  letter-spacing: .035em;
}

html[data-metin-ui] ._menuTitle_v835w_126 {
  height: 32px;
  margin: 5px 6px 3px;
}

html[data-metin-ui] ._header_1yy3m_122 {
  margin: var(--safe-top, 0px) 7px 0;
  padding-block: 2px;
}

html[data-metin-ui] :is(._sectionLabel_v835w_242, ._sectionLabel_1yy3m_232) {
  color: var(--metin-gold, #c8a768);
  font-family: var(--metin-font, Tahoma, Verdana, sans-serif);
  letter-spacing: .055em;
  text-transform: none;
}

html[data-metin-ui] :is(._item_v835w_374, ._item_1yy3m_355, ._item_12uxw_17, ._actionButton_1v0xl_403) {
  color: var(--metin-text, #e8dfc8);
  font-family: var(--metin-font, Tahoma, Verdana, sans-serif);
  text-shadow: 0 1px #050403;
}

html[data-metin-ui] ._item_v835w_374 {
  height: 37px;
  margin-inline: 5px;
  font-size: .8125rem;
}

html[data-metin-ui] ._item_v835w_374:hover:not(._itemDisabled_v835w_398),
html[data-metin-ui] ._item_1yy3m_355:hover:not(._itemDisabled_1yy3m_380) {
  color: #fff2cf;
  background: linear-gradient(90deg, #4b3c28, #242017 85%);
}

html[data-metin-ui] :is(._itemActive_v835w_398, ._itemActive_1yy3m_416, ._itemActive_12uxw_40) {
  color: #ffe4aa;
  border-color: #9e8050;
  background: linear-gradient(#3e3220, #211c15);
  box-shadow: inset 0 0 0 1px #8e754f, inset 0 0 0 2px #0d0a07;
}

html[data-metin-ui] ._itemActive_v835w_398::after {
  display: none;
}

html[data-metin-ui] ._label_12uxw_173 {
  font-size: 9px;
}

/* The current gauges still use the exact HP, mana and fractional EXP state from the game. */
html[data-metin-ui] ._vitalTrack_1v0xl_218 {
  height: 4px;
  background: #080705;
  box-shadow: inset 0 1px #18140f;
}

html[data-metin-ui] ._vitalHp_1v0xl_234 ._vitalFill_1v0xl_228 {
  background: url("/metin-ui/hud/gauge-hp.png") left center / 100% 100% no-repeat;
}

html[data-metin-ui] ._vitalSp_1v0xl_238 ._vitalFill_1v0xl_228 {
  background: url("/metin-ui/hud/gauge-sp.png") left center / 100% 100% no-repeat;
}

html[data-metin-ui] ._root_1v0xl_1 ._trayMini_1ij0g_262 {
  gap: 3px;
  border-color: #514536;
  background: #100e0b;
  box-shadow: inset 0 1px #0a0908;
}

html[data-metin-ui] ._root_1v0xl_1 ._orbMini_1ij0g_295 ._orbCore_1ij0g_197 {
  inset: 0;
  border-radius: 0;
  background: url("/metin-ui/hud/exp-empty.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] ._root_1v0xl_1 ._orbMini_1ij0g_295 ._orbFill_1ij0g_207 {
  background: url("/metin-ui/hud/exp-point.png") center bottom / 14px 14px no-repeat;
}

html[data-metin-ui] ._root_1v0xl_1 ._orbMini_1ij0g_295[data-filled="full"] ._orbFill_1ij0g_207 {
  inset: 0;
}

html[data-metin-ui] ._root_1v0xl_1 ._orbMini_1ij0g_295 :is(._orbGlass_1ij0g_233, ._orbBorder_1ij0g_234) {
  display: none;
}

/* Only shortcuts with corresponding original TaskBar.tga artwork use these icon states. */
html[data-metin-ui] :is([data-art="character"], [data-art="switch-character"]) {
  --metin-hud-icon-normal: url("/metin-ui/hud/character-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/character-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/character-pressed.png");
}

html[data-metin-ui] [data-art="equipment"] {
  --metin-hud-icon-normal: url("/metin-ui/hud/inventory-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/inventory-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/inventory-pressed.png");
}

html[data-metin-ui] [data-art="friends"] {
  --metin-hud-icon-normal: url("/metin-ui/hud/community-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/community-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/community-pressed.png");
}

html[data-metin-ui] :is([data-art="settings"], [data-art="more"]) {
  --metin-hud-icon-normal: url("/metin-ui/hud/system-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/system-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/system-pressed.png");
}

html[data-metin-ui] [data-art="itemshop"] {
  --metin-hud-icon-normal: url("/metin-ui/hud/shop-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/shop-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/shop-pressed.png");
}

html[data-metin-ui] [data-art="chat"] {
  --metin-hud-icon-normal: url("/metin-ui/hud/chat-normal.png");
  --metin-hud-icon-hover: url("/metin-ui/hud/chat-hover.png");
  --metin-hud-icon-pressed: url("/metin-ui/hud/chat-pressed.png");
}

html[data-metin-ui] :is(._root_1v0xl_1, ._root_v835w_1, ._root_12uxw_1, ._panel_1yy3m_9)
  :is(._root_uga8n_5, ._navArt_12uxw_77):is([data-art="character"], [data-art="switch-character"],
    [data-art="equipment"], [data-art="friends"], [data-art="settings"], [data-art="more"], [data-art="itemshop"], [data-art="chat"]) {
  background: var(--metin-hud-icon-normal) center / contain no-repeat;
}

html[data-metin-ui] :is(._root_1v0xl_1, ._root_v835w_1, ._root_12uxw_1, ._panel_1yy3m_9)
  :is(._root_uga8n_5, ._navArt_12uxw_77):is([data-art="character"], [data-art="switch-character"],
    [data-art="equipment"], [data-art="friends"], [data-art="settings"], [data-art="more"], [data-art="itemshop"], [data-art="chat"]) > img {
  visibility: hidden;
}

html[data-metin-ui] :is(._root_1v0xl_1, ._root_v835w_1, ._root_12uxw_1, ._panel_1yy3m_9)
  :is(a, button):is(:hover, :focus-visible)
  :is(._root_uga8n_5, ._navArt_12uxw_77):is([data-art="character"], [data-art="switch-character"],
    [data-art="equipment"], [data-art="friends"], [data-art="settings"], [data-art="more"], [data-art="itemshop"], [data-art="chat"]) {
  background-image: var(--metin-hud-icon-hover);
}

html[data-metin-ui] :is(._root_1v0xl_1, ._root_v835w_1, ._root_12uxw_1, ._panel_1yy3m_9)
  :is(a, button):is(:active, [aria-current="page"], [aria-pressed="true"], [aria-expanded="true"])
  :is(._root_uga8n_5, ._navArt_12uxw_77):is([data-art="character"], [data-art="switch-character"],
    [data-art="equipment"], [data-art="friends"], [data-art="settings"], [data-art="more"], [data-art="itemshop"], [data-art="chat"]) {
  background-image: var(--metin-hud-icon-pressed);
}

html[data-metin-ui] ._drawer_1qjpe_130 {
  border: 1px solid #554936;
  border-image: var(--metin-board, url("/metin-ui/thinboard.png")) 16 / 7px stretch;
  border-radius: 0;
  background: rgba(12, 11, 10, .88);
  color: var(--metin-text, #e9e2d5);
  font-family: var(--metin-font, Tahoma, Verdana, sans-serif);
}

html[data-metin-ui] ._chrome_1qjpe_225 {
  border: 0 solid transparent;
  border-image: url("/metin-ui/chat-titlebar.png") 0 32 fill / 0 25px repeat stretch;
  background: #1a1713;
}

html[data-metin-ui] :is(._tab_1qjpe_236, ._whisperTab_1qjpe_272) {
  border-radius: 0;
  border-color: transparent;
  background: var(--metin-button-normal, url("/metin-ui/large-button-normal.png")) center / 100% 100% no-repeat;
  color: var(--metin-text, #d8cbb2);
  font-family: var(--metin-font, Tahoma, Verdana, sans-serif);
  text-shadow: 0 1px #000;
}

html[data-metin-ui] :is(._tab_1qjpe_236, ._whisperTab_1qjpe_272):is(:hover, :focus-within) {
  background-image: var(--metin-button-hover, url("/metin-ui/large-button-hover.png"));
}

html[data-metin-ui] :is(._tabActive_1qjpe_261, ._whisperTabActive_1qjpe_282) {
  background-image: var(--metin-button-pressed, url("/metin-ui/large-button-pressed.png"));
  color: #ffe7ad;
}

html[data-metin-ui] :is(._collapseBtn_1qjpe_332, ._censorBtn_1qjpe_333, ._mobileFab_1qjpe_1) {
  border-radius: 0;
  border-color: #67563a;
  background: url("/metin-ui/taskbar.png") center / auto 100%;
  color: #eedab0;
}

html[data-metin-ui] ._row_717rb_9 ._input_fldva_57 {
  color: var(--metin-text, #f2e7cf);
  font-family: var(--metin-font, Tahoma, Verdana, sans-serif);
}

html[data-metin-ui] ._row_717rb_9 button[type="submit"] ._content_1eguq_191::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 18px;
  margin-inline-end: 4px;
  vertical-align: middle;
  background: url("/metin-ui/hud/send-normal.png") center / contain no-repeat;
}

html[data-metin-ui] ._row_717rb_9 button[type="submit"]:not(:disabled):is(:hover, :focus-visible) ._content_1eguq_191::before {
  background-image: url("/metin-ui/hud/send-hover.png");
}

html[data-metin-ui] ._row_717rb_9 button[type="submit"]:not(:disabled):active ._content_1eguq_191::before {
  background-image: url("/metin-ui/hud/send-pressed.png");
}

html[data-metin-ui] :is(._replyBar_717rb_26, ._suggestions_717rb_93, ._menu_lsvpr_364) {
  border: 1px solid #746041;
  border-radius: 0;
  background: #1c1712;
  box-shadow: inset 0 0 0 1px #0a0806, 0 4px 14px #0009;
}

html[data-metin-ui]:has(._root_12uxw_1) .local-server-badge {
  inset: auto auto calc(var(--mobile-nav-offset) + 5px) 5px;
  z-index: calc(var(--z-sticky) - 1);
  padding: 2px 4px;
  font-size: 9px;
}

@media (max-width: 767px) {
  /* The pager and travel content already span the viewport; their inner tab bars
     must not apply the shared page-padding compensation a second time. */
  html[data-metin-ui] ._root_1p8cj_1 > ._dots_1p8cj_55,
  html[data-metin-ui] ._root_1ce9a_1[data-mobile-pager="true"] > ._hub_1muhu_10 {
    margin-inline: 0;
  }

  html[data-metin-ui]:has(._fighters_1o31l_246) .local-server-badge {
    display: none;
  }
}

/* Desktop puts the live gauges and shortcuts on the bottom TaskBar as in MT2009.
   Notices stay in the measured top chrome, and the narrow layout keeps its split HUD. */
@media (min-width: 1024px) {
  html[data-metin-ui]:has(._root_1dbmx_1) {
    --metin-taskbar-height: calc(64px + var(--shell-safe-bottom, 0px));
  }

  html[data-metin-ui] ._root_1dbmx_1 {
    padding-bottom: var(--metin-taskbar-height);
  }

  html[data-metin-ui] ._root_1v0xl_1 {
    position: fixed;
    inset: auto 0 0;
    height: var(--metin-taskbar-height);
    padding-bottom: var(--shell-safe-bottom, 0px);
    border-top: 1px solid #746046;
    border-bottom: 0;
    background-position: left top;
    box-shadow: inset 0 1px #b194624d, 0 -3px 12px #0009;
  }

  html[data-metin-ui] ._root_1v0xl_1 :is(._root_ogwe7_1, ._panel_jmoqf_82) {
    top: auto;
    bottom: calc(100% + var(--space-5));
    max-height: min(480px, calc(var(--app-height) - var(--metin-taskbar-height) - 24px));
    overflow-y: auto;
  }

  html[data-metin-ui] ._drawerDesktop_1qjpe_149 {
    bottom: calc(var(--metin-taskbar-height) + 6px);
    width: min(clamp(680px, 59vw, 1000px), calc(100vw - 32px));
    max-height: min(80dvh, calc(var(--app-height, 100dvh) - var(--metin-taskbar-height) - 18px));
  }

  html[data-metin-ui]:has(._root_1dbmx_1) .local-server-badge {
    inset: auto 5px calc(var(--metin-taskbar-height) + 4px) auto;
  }
}

/* WhisperDialog uses a ThinBoard, Parameter_Slot_05 and XLarge_Thin_Button. */
html[data-metin-ui] .metin-chat {
  --metin-chat-line: #fff;
}

html[data-metin-ui] .metin-chat ._chrome_1qjpe_225 {
  border-image-source: var(--metin-title);
}

html[data-metin-ui] .metin-chat ._resizeHandle_1qjpe_165 {
  border: 0;
  border-image: url('/metin-ui/chat/resize-bar.png') 0 64 fill / 0 32px / 0 repeat stretch;
  background: #150f0a;
}

html[data-metin-ui] .metin-chat ._resizeHandle_1qjpe_165:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-chat._drawerMobile_1qjpe_214 {
  right: var(--shell-safe-right, 0px);
  bottom: max(var(--mobile-nav-offset), calc(100dvh - var(--app-height, 100dvh)));
  left: var(--shell-safe-left, 0px);
  max-height: min(78dvh, calc(var(--app-height, 100dvh) - var(--mobile-nav-offset) - 10px));
}

html[data-metin-ui][data-metin-chat-keyboard="public"] body .metin-chat:is(._drawerMobile_1qjpe_214, ._drawerDesktop_1qjpe_149) {
  bottom: var(--chat-keyboard-bottom);
  max-height: max(0px, calc(var(--chat-keyboard-height) - 6px));
}

html[data-metin-ui][data-metin-chat-keyboard="public"] .metin-chat ._resizeHandle_1qjpe_165 {
  display: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  html[data-metin-ui] .metin-chat._drawerDesktop_1qjpe_149 {
    width: min(760px, calc(100vw - 24px));
    max-height: min(80dvh, calc(var(--app-height, 100dvh) - var(--shell-top-chrome, 76px) - 24px));
  }
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-chat._drawerDesktop_1qjpe_149[data-metin-chat-combat] {
    right: max(12px, var(--shell-safe-right, 0px));
    left: auto;
    width: min(44vw, 36rem);
    max-height: min(30dvh, 300px);
    transform: none;
  }
}

html[data-metin-ui] .metin-chat ._resizeHandle_1qjpe_165::after {
  display: none;
}

html[data-metin-ui] .metin-chat[data-metin-chat-channel="trade"] {
  --metin-chat-line: #ffc5a1;
}

html[data-metin-ui] .metin-chat[data-metin-chat-channel="guild"] {
  --metin-chat-line: #fdff7c;
}

html[data-metin-ui] .metin-chat ._item_lsvpr_10 ._content_lsvpr_87 {
  color: var(--metin-chat-line);
}

html[data-metin-ui] .metin-chat [data-metin-chat-control="close"] {
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

html[data-metin-ui] .metin-chat [data-metin-chat-control="close"] {
  width: 28px;
  height: 28px;
  background-image: url('/metin-ui/close-normal.png');
  background-size: 15px 15px;
  color: transparent;
}

html[data-metin-ui] .metin-chat [data-metin-chat-control="close"]:hover {
  background-image: url('/metin-ui/close-hover.png');
}

html[data-metin-ui] .metin-chat [data-metin-chat-control="close"]:active {
  background-image: url('/metin-ui/close-pressed.png');
}

html[data-metin-ui] .metin-whisper-launcher-form {
  display: grid;
  min-width: 0;
  gap: 8px;
}

html[data-metin-ui] .metin-whisper-launcher-form > label {
  color: var(--metin-gold);
  font-size: .875rem;
}

html[data-metin-ui] .metin-whisper-launcher-form > input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 5px 8px;
  border: 1px solid #786244;
  border-radius: 0;
  background: #130e09 url('/metin-ui/wallet-field.png') center / 100% 100% no-repeat;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-whisper-launcher-form > p {
  margin: 0;
  color: #ffc8c8;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-whisper-launcher-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

html[data-metin-ui] :is(.metin-whisper-launcher-actions button, .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReply_lsvpr_401) {
  min-height: 32px;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-image: var(--metin-shop-middle) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  background: #332719;
  box-shadow: none;
  color: var(--metin-gold);
}

html[data-metin-ui] :is(.metin-whisper-launcher-actions button, .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReply_lsvpr_401):enabled:hover {
  border-image-source: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-whisper-launcher-actions button, .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReply_lsvpr_401):enabled:active {
  border-image-source: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] .metin-chat-menu-layer {
  z-index: calc(var(--z-overlay) + 5);
}

html[data-metin-ui] .metin-chat-menu-layer .metin-chat-message-menu,
html[data-metin-ui] .metin-chat-menu-layer ._mutePanel_lsvpr_753 {
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) {
  flex-direction: column;
  align-items: stretch;
  width: min(298px, calc(100vw - 16px));
  min-width: 0;
  max-height: calc(100dvh - 16px);
  gap: 5px;
  padding: 7px;
  overflow: auto;
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReply_lsvpr_401 {
  justify-content: start;
  width: 100%;
  height: auto;
  gap: 6px;
  text-align: start;
  font: 700 .8125rem / 1.25 var(--metin-font);
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReplyLabel_lsvpr_443 {
  display: inline;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuEmojis_lsvpr_447 {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 2px;
  padding: 0;
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuModeration_lsvpr_582 {
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  margin: 0;
  padding: 4px 0 0;
  border: 0;
  border-top: 1px solid #594730;
}

html[data-metin-ui] .metin-chat-message-menu :is(._menuEmoji_lsvpr_402, ._menuOptionTip_lsvpr_484),
html[data-metin-ui] .metin-chat-message-menu._menuScrub_lsvpr_396 ._menuReply_lsvpr_401 {
  border: 1px solid #635036;
  border-radius: 0;
  background: #1a130d;
}

html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuEmoji_lsvpr_402 {
  width: 100%;
  height: 32px;
  min-width: 0;
}

html[data-metin-ui] .metin-chat-message-menu._menuScrub_lsvpr_396 :is(._menuReply_lsvpr_401, ._menuEmoji_lsvpr_402) {
  width: clamp(25px, calc((100vw - 40px) / 10), 36px);
  height: 34px;
}

html[data-metin-ui] .metin-chat-message-menu :is(._menuEmoji_lsvpr_402:hover, ._menuOptionHot_lsvpr_478) {
  background: #3a2b18;
}

html[data-metin-ui] :is(.metin-chat, .metin-whisper-launcher-form, .metin-chat-menu-layer) :is(button, input, a):focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-chat ._resizeHandleMobile_1qjpe_179 {
    height: 24px;
  }

  html[data-metin-ui] .metin-chat ._row_717rb_9 input {
    font-size: var(--metin-chat-input-size, 16px);
  }

  html[data-metin-ui] .metin-chat ._chromeActions_1qjpe_325 {
    gap: 3px;
  }

  html[data-metin-ui] .metin-chat [data-metin-chat-control="close"] {
    width: 44px;
    height: 44px;
  }

  html[data-metin-ui] :is(.metin-whisper-launcher-form > input, .metin-whisper-launcher-actions button,
    .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuReply_lsvpr_401) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-chat-message-menu:not(._menuScrub_lsvpr_396) ._menuEmoji_lsvpr_402 {
    height: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-chat [data-metin-chat-control="close"] {
    color: ButtonText;
  }
}


.metin-private-dock, html[data-metin-ui] .metin-private-window {
  --private-right: max(12px, var(--shell-safe-right, 0px));
  --private-top: calc(var(--shell-top-chrome, 76px) + 12px);
  position: fixed;
  top: var(--private-top);
  z-index: calc(var(--z-sticky) + 4);
}

.metin-private-dock {
  right: var(--private-right);
  display: grid;
  gap: 9px;
}

.metin-private-dock button {
  position: relative;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 1px solid #aa895b;
  border-radius: 50%;
  background: #20150e;
  color: #ead3a5;
  box-shadow: 0 2px 6px #000b;
  cursor: pointer;
}

.metin-private-dock button:hover, .metin-private-dock button[aria-expanded='true'] {
  border-color: #f1ca7d;
  box-shadow: 0 0 0 1px #f1ca7d, 0 2px 8px #000;
}

.metin-private-inbox > img { width: 25px; height: 25px; object-fit: contain; }

.metin-private-avatar {
  position: relative;
  display: inline-grid;
  flex: none;
  width: 30px;
  height: 30px;
  place-items: center;
  border-radius: 50%;
  background: #46311f;
  color: #f7dca4;
  font: 700 .75rem / 1 var(--metin-font);
}

.metin-private-bubble .metin-private-avatar { width: 40px; height: 40px; }
.metin-private-avatar .metin-private-avatar-picture, .metin-private-avatar-picture ._root_s6nlu_6 { width: 100%; height: 100%; border-radius: 50%; }
.metin-private-envelope { position: absolute; right: -2px; bottom: -3px; width: 17px; height: 17px; object-fit: contain; filter: drop-shadow(0 1px 2px #000); }
.metin-private-count {
  position: absolute;
  top: -4px;
  right: -5px;
  min-width: 17px;
  padding: 2px 4px;
  border: 1px solid #e4bd78;
  border-radius: 12px;
  background: #922d22;
  color: #fff1d1;
  font: 700 10px / 1.2 var(--metin-font);
  text-align: center;
}

html[data-metin-ui] .metin-private-window {
  right: calc(var(--private-right) + 54px);
  display: flex;
  flex-direction: column;
  gap: 0;
  width: min(420px, calc(100vw - var(--private-right) - 66px));
  height: min(450px, calc(var(--app-height, 100dvh) - var(--private-top) - var(--mobile-nav-offset, 0px) - 12px));
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 6px 24px #000c;
}

html[data-metin-ui][data-metin-chat-keyboard="private"] .metin-private-window {
  top: auto;
  bottom: var(--chat-keyboard-bottom);
  height: min(320px, max(0px, calc(var(--chat-keyboard-height) - 6px)));
}

.metin-private-title { display: flex; align-items: center; gap: 6px; padding: 4px 6px; }
.metin-private-title h2 { flex: 1; min-width: 0; margin: 0; overflow: hidden; font: 700 1rem / 1.2 var(--metin-font); text-overflow: ellipsis; white-space: nowrap; }
.metin-private-title button { flex: none; width: 34px; height: 34px; }
.metin-private-minimize { border: 0; background: url('/metin-ui/chat/minimize-normal.png') center no-repeat; cursor: pointer; }
.metin-private-minimize:hover { background-image: url('/metin-ui/chat/minimize-hover.png'); }
.metin-private-minimize:active { background-image: url('/metin-ui/chat/minimize-pressed.png'); }
.metin-private-thread { flex: 1; min-height: 0; padding: 5px; }
.metin-private-thread ._messages_1qjpe_384 { min-height: 0; padding: 4px 6px; border: 1px solid #58452f; background: #080605a6; }
.metin-private-history { min-height: 0; padding: 10px; overflow: auto; }
.metin-private-history > ul { display: grid; gap: 5px; margin: 8px 0 0; padding: 0; list-style: none; }
.metin-private-history li > button { position: relative; display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 4px 7px; border: 1px solid #5d4630; background: #1d150e; color: var(--metin-gold); text-align: left; cursor: pointer; }
.metin-private-history .metin-private-count { position: static; margin-left: auto; }
.metin-private-dock button:focus-visible, .metin-private-window button:focus-visible { outline: 2px solid var(--metin-highlight); outline-offset: 1px; }
.metin-private-announcer { position: fixed; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

html[data-metin-ui] .metin-private-thread ._row_717rb_9 {
  padding: 4px;
  border: 1px solid #58452f;
  background: #080605a6;
}

html[data-metin-ui] .metin-private-thread ._field_fldva_16 {
  min-width: 0;
  border: 1px solid #655035;
  border-radius: 0;
  background: #100d0a;
  box-shadow: inset 0 0 5px #0009;
}

html[data-metin-ui] .metin-private-thread ._row_717rb_9 button[type="submit"] {
  min-width: 68px;
  min-height: 34px;
  padding: 4px 8px;
  border: 0;
  border-radius: 0;
  border-image: none;
  background: url('/metin-ui/mail/send-normal.png') center / 100% 100% no-repeat;
  box-shadow: none;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-private-thread ._row_717rb_9 button[type="submit"]:not(:disabled):is(:hover, :focus-visible) {
  background-image: url('/metin-ui/mail/send-hover.png');
}

html[data-metin-ui] .metin-private-thread ._row_717rb_9 button[type="submit"]:not(:disabled):active {
  background-image: url('/metin-ui/mail/send-pressed.png');
}

html[data-metin-ui] .metin-private-thread ._row_717rb_9 button[type="submit"] ._content_1eguq_191::before {
  content: none;
}

@media (max-width: 767px) {
  .metin-private-dock, html[data-metin-ui] .metin-private-window { --private-right: max(8px, var(--shell-safe-right, 0px)); }
  html[data-metin-ui] .metin-private-window { right: var(--private-right); left: max(8px, var(--shell-safe-left, 0px)); width: auto; }
  .metin-private-title button { width: 44px; height: 44px; }
  html[data-metin-ui] .metin-private-thread ._row_717rb_9 button[type='submit'] { min-height: 44px; }
}

@media (max-width: 767px), (any-pointer: coarse) {
  html[data-metin-ui] .metin-private-thread ._row_717rb_9 input { font-size: var(--metin-chat-input-size, 16px); }
}

/* AffectShower arranges the active 32px sprites at 80% scale near the upper edge. */
html[data-metin-ui] .metin-hud-affects:empty { display: none; }
html[data-metin-ui] .metin-hud-affects {
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  align-items: center;
  max-width: min(270px, calc(100% - 20px));
  min-width: 0;
  gap: 2px;
  margin: 2px 10px 4px;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-hud-affects .metin-affect-icon {
  position: relative;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}

html[data-metin-ui] .metin-hud-affects .metin-affect-icon img {
  display: block;
  width: 26px;
  height: 26px;
  object-fit: contain;
  image-rendering: pixelated;
}

html[data-metin-ui] .metin-hud-affects .metin-affect-icon:is(:hover, :focus-visible) {
  border-color: #a08559;
  background: #16110d var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-hud-affects .metin-affect-icon:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-hud-affects ._count_14c1x_65 {
  border-radius: 0;
  background: #110d09;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] [role="tooltip"]:has(.metin-affect-tip) {
  min-width: 0;
  max-width: min(300px, calc(100vw - 16px));
  padding: 7px 9px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: #100c09f2;
  box-shadow: 0 5px 12px #000b;
}

html[data-metin-ui] .metin-affect-tip {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #c2c2c2;
  font: 400 .8125rem / 1.3 var(--metin-font);
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-affect-tip ._tipName_14c1x_91 {
  color: #f2e7c1;
  font-weight: 700;
}

html[data-metin-ui] .metin-affect-tip ._tipEffect_14c1x_103 {
  color: #a8e5b4;
}

html[data-metin-ui] .metin-affect-tip ._tipRemaining_14c1x_104 {
  color: #d0bc96;
  font-variant-numeric: tabular-nums;
}

.metin-mobile-hud-affects {
  grid-area: 1 / 2 / 3;
  align-self: center;
  margin-inline-start: 5px;
}

.metin-mobile-hud-affects:not(:has(> button)) { display: none; }

.metin-mobile-affects-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 40px;
  min-height: 30px;
  padding: 2px 4px;
  border: 1px solid #826541;
  background: #20170f;
  color: var(--metin-gold);
  font: 700 11px var(--metin-font);
  cursor: pointer;
}

.metin-mobile-affects-toggle img { object-fit: contain; image-rendering: pixelated; }
.metin-mobile-affects-toggle[aria-expanded=true] { background: #3a2819; border-color: #c4a062; }

html[data-metin-ui] .metin-hud-affects.metin-mobile-affects-panel {
  position: fixed;
  z-index: calc(var(--z-toast) + 1);
  width: min(260px, calc(100vw - 72px));
  max-width: none;
  max-height: min(48dvh, 240px);
  overflow: auto;
  margin: 0;
  padding: 5px;
  border: 1px solid #9b784c;
  background-color: #18120e;
  background-image: var(--metin-board-fill);
  box-shadow: 0 5px 12px #000b;
}

html[data-metin-ui] .metin-hud-affects.metin-mobile-affects-panel[hidden] { display: none; }
.metin-mobile-affects-title { width: 100%; padding: 3px 5px; color: var(--metin-gold); font: 700 12px var(--metin-font); }
.metin-mobile-affects-panel > [role=list] { display: flex; flex-wrap: wrap; gap: 2px; margin: 0; padding: 0; list-style: none; background: none; border: 0; box-shadow: none; }

@media (min-width: 1024px) {
  html[data-metin-ui] .metin-hud-affects {
    max-width: min(360px, calc(100% - 20px));
    gap: 3px;
  }

  html[data-metin-ui] .metin-hud-affects .metin-affect-icon {
    width: 34px;
    height: 34px;
  }

  html[data-metin-ui] .metin-hud-affects .metin-affect-icon img {
    width: 32px;
    height: 32px;
  }

  html[data-metin-ui] [role="tooltip"]:has(.metin-affect-tip) {
    max-width: min(360px, calc(100vw - 16px));
    padding: 9px 12px;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-hud-affects {
    max-width: calc(100% - 20px);
  }

  html[data-metin-ui] .metin-hud-affects .metin-affect-icon {
    width: 44px;
    height: 44px;
  }

  html[data-metin-ui] .metin-hud-affects .metin-affect-icon img {
    width: 32px;
    height: 32px;
  }
}


/* Intro art and sprites use the Polish mt2009 locale, the IntroEmpire atlas and Windows.dds. */

html[data-metin-ui] body.local-test-mailbox {
  min-height: 100dvh;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
  background: linear-gradient(#080b1155, #080b11b8),
    #0b1018 url("/metin-ui/entry/login.jpg") center / cover no-repeat;
}

html[data-metin-ui] .local-test-mailbox main {
  box-sizing: border-box;
  width: min(100%, 400px);
  padding: 14px 18px 18px;
}

html[data-metin-ui] .local-test-mailbox h1 {
  margin: 0;
  font-size: 1.125rem;
  padding: 5px 10px;
  text-align: center;
}

html[data-metin-ui] .local-test-mailbox p {
  margin: 14px 0;
}

html[data-metin-ui] .local-test-mailbox :is(form, label) {
  display: grid;
  gap: 5px;
}

html[data-metin-ui] .local-test-mailbox form {
  gap: 12px;
}

html[data-metin-ui] .local-test-mailbox :is(input, [data-metin-button]) {
  padding: 6px 10px;
}

html[data-metin-ui] .local-test-mailbox a[data-metin-button] {
  display: inline-block;
}

html[data-metin-ui] :is(._root_zl7hr_1, ._root_pb5rm_1) {
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 18px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] :is(._title_zl7hr_8, ._root_pb5rm_1 h1) {
  color: var(--metin-gold);
  background: #352719;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 18px / 0 repeat stretch;
  padding: 5px 10px;
}

html[data-metin-ui] ._root_2kd2g_1 {
  background:
    linear-gradient(180deg, #080b1114 10%, #080b1140 50%, #080b11a8 100%),
    #0b1018 url('/metin-ui/entry/login.jpg') center top / cover no-repeat;
}

html[data-metin-ui] ._heroPlane_2kd2g_13,
html[data-metin-ui] ._flowShell_1jxou_3::before,
html[data-metin-ui] ._flowShell_1jxou_3::after {
  display: none;
}

html[data-metin-ui] ._content_2kd2g_71 {
  max-width: 23rem;
  gap: 0.625rem;
}

html[data-metin-ui] ._content_2kd2g_71:has(._root_45j1f_1) {
  max-width: 31rem;
}

html[data-metin-ui] ._brand_2kd2g_81,
html[data-metin-ui] ._flowBrand_1jxou_86 {
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-shadow: 0 1px 2px #000, 0 0 6px #000;
}

html[data-metin-ui] :is(._panel_2kd2g_95, ._panel_1i4ha_25, ._panel_fdqep_25) {
  background: #10100ff5;
  border: 12px solid transparent;
  border-image: var(--metin-board) 16 / 12px stretch;
  border-radius: 0;
  box-shadow: 0 8px 24px #000b;
}

html[data-metin-ui] ._panelBody_2kd2g_101 {
  padding: clamp(0.5rem, 2vw, 1rem);
}

/* The native LoginBoard is a black frame around two label/edit-line pairs. */
html[data-metin-ui] ._panel_2kd2g_95:has(._root_zdwj9_1) {
  background: #0a0a0af5;
  border: 8px solid transparent;
  border-image: url('/metin-ui/entry/login-board.png') 8 / 8px stretch;
}

html[data-metin-ui] ._panelBody_2kd2g_101:has(._root_zdwj9_1) {
  gap: 1rem;
  padding: 0.875rem;
}

html[data-metin-ui] ._root_zdwj9_1 {
  gap: 0.875rem;
}

html[data-metin-ui] ._form_zdwj9_17 {
  gap: 0.625rem;
}

html[data-metin-ui] ._form_zdwj9_17 > ._root_fldva_1 {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  column-gap: 0.5rem;
  align-items: center;
}

html[data-metin-ui] ._form_zdwj9_17 ._field_fldva_16 {
  min-height: 2rem;
  padding-inline: 0.5rem;
  background: #090909;
  border-color: #6b645c;
}

html[data-metin-ui] ._form_zdwj9_17 ._field_fldva_16:focus-within {
  border-color: var(--border-focus);
}

html[data-metin-ui] ._form_zdwj9_17 :is(._errorText_fldva_133, ._helperText_fldva_138) {
  grid-column: 2;
}

html[data-metin-ui] ._form_zdwj9_17 ._submitButton_zdwj9_53 {
  align-self: center;
  width: min(100%, 12rem);
  min-height: 2.125rem;
  height: auto;
  font-size: 0.9375rem;
}

html[data-metin-ui] :is(._title_zdwj9_8, ._title_45j1f_8, ._title_5sta1_8, ._title_54zpt_8,
  ._root_1t09j_1 h1, ._flowTitle_1jxou_98) {
  width: fit-content;
  max-width: 100%;
  min-width: min(100%, 9rem);
  padding: 0.25rem 1.625rem;
  color: var(--metin-gold);
  font-family: var(--metin-heading-font);
  font-size: clamp(1rem, 2.1vw, 1.375rem);
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  text-shadow: 0 1px 1px #000;
  border: 0 solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 24px stretch;
}

html[data-metin-ui] ._root_1t09j_1 h1 {
  align-self: center;
}

html[data-metin-ui] ._landingLink_2kd2g_114 {
  color: var(--metin-text);
  text-shadow: 0 1px 2px #000, 0 0 5px #000;
}

html[data-metin-ui] ._flowShell_1jxou_3 {
  --entry-stage: url('/metin-ui/entry/select.jpg');
  background: linear-gradient(#07060530, #070605a6),
    #16110d var(--entry-stage) center top / cover no-repeat;
}

html[data-metin-ui] ._root_1i4ha_1 {
  --entry-stage: url('/metin-ui/entry/empire.jpg');
}

html[data-metin-ui] ._root_fdqep_1[data-empire='chunjo'] {
  --entry-stage: url('/metin-ui/entry/chunjo.jpg');
}

html[data-metin-ui] ._root_fdqep_1[data-empire='jinno'] {
  --entry-stage: url('/metin-ui/entry/jinno.jpg');
}

html[data-metin-ui] ._root_fdqep_1[data-empire='shinsoo'] {
  --entry-stage: url('/metin-ui/entry/shinsoo.jpg');
}

html[data-metin-ui] ._flowSubtitle_1jxou_107 {
  max-width: 65ch;
  color: var(--metin-text);
  text-shadow: 0 1px 2px #000, 0 0 5px #000;
}

html[data-metin-ui] ._root_1i4ha_1 ._flowContent_1jxou_51,
html[data-metin-ui] ._panelBody_1i4ha_31 {
  gap: 0.75rem;
}

html[data-metin-ui] ._panelBody_1i4ha_31 {
  padding: clamp(0.5rem, 2vw, 1rem);
}

html[data-metin-ui] ._actions_1i4ha_51 {
  margin-top: 0.25rem;
  padding-top: 0.75rem;
}

html[data-metin-ui] ._panel_fdqep_25 h2 {
  color: var(--metin-gold);
  font-size: clamp(1rem, 2vw, 1.375rem);
}

/* Reassemble the selected territory and its flag using the atlas coordinates in selectempirewindow.py. */
html[data-metin-ui] ._panelBody_1i4ha_31::before {
  content: '';
  display: block;
  align-self: center;
  width: min(100%, 15rem);
  aspect-ratio: 495 / 357;
  background: var(--entry-territory, none) center / contain no-repeat,
    url('/metin-ui/entry/atlas.webp') center / contain no-repeat;
}

html[data-metin-ui] :is(._root_1i4ha_1, ._root_1cpsm_1) [data-empire='chunjo'],
html[data-metin-ui] ._root_1cpsm_1[data-empire='chunjo'] {
  --entry-flag: url('/metin-ui/entry/flag-chunjo.png');
}

html[data-metin-ui] :is(._root_1i4ha_1, ._root_1cpsm_1) [data-empire='jinno'],
html[data-metin-ui] ._root_1cpsm_1[data-empire='jinno'] {
  --entry-flag: url('/metin-ui/entry/flag-jinno.png');
}

html[data-metin-ui] :is(._root_1i4ha_1, ._root_1cpsm_1) [data-empire='shinsoo'],
html[data-metin-ui] ._root_1cpsm_1[data-empire='shinsoo'] {
  --entry-flag: url('/metin-ui/entry/flag-shinsoo.png');
}

html[data-metin-ui] ._root_1i4ha_1:has(._cardSelected_11dnr_75[data-empire='chunjo']) {
  --entry-territory: url('/metin-ui/entry/atlas-chunjo.webp');
}

html[data-metin-ui] ._root_1i4ha_1:has(._cardSelected_11dnr_75[data-empire='jinno']) {
  --entry-territory: url('/metin-ui/entry/atlas-jinno.webp');
}

html[data-metin-ui] ._root_1i4ha_1:has(._cardSelected_11dnr_75[data-empire='shinsoo']) {
  --entry-territory: url('/metin-ui/entry/atlas-shinsoo.webp');
}

html[data-metin-ui] :is(._flagIcon_11dnr_145, ._pageFlag_5jihk_210, ._empireFlag_1w3e4_8) {
  content: var(--entry-flag, normal);
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] :is(._card_11dnr_1, ._card_18mwd_1, ._slotCard_5eul6_1,
  ._panel_1uqj2_34, ._root_137a6_1, ._pagination_5jihk_1) {
  background: #141210f2;
  border: 8px solid transparent;
  border-image: var(--metin-board) 16 / 8px stretch;
  border-radius: 0;
  box-shadow: 0 3px 8px #0009;
}

html[data-metin-ui] :is(._cardSelected_11dnr_75, ._selected_18mwd_16, ._slotCard_5eul6_1[data-selected='true']) {
  border-image-source: var(--metin-board-gold);
  filter: none;
  transform: none;
  box-shadow: 0 0 0 1px var(--metin-border), 0 3px 8px #000;
}

html[data-metin-ui] :is(._cardTint_11dnr_40, ._cardSelectionRing_11dnr_93, ._chrome_5jihk_25, ._buttonChrome_5jihk_156) {
  display: none;
}

html[data-metin-ui] ._pageButton_5jihk_74 {
  border: 0 solid transparent;
  border-image: var(--metin-button-normal) 5 13 fill / 5px 13px stretch;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] ._pageButton_5jihk_74:hover {
  border-image-source: var(--metin-button-hover);
}

html[data-metin-ui] ._pageButton_5jihk_74[data-active='true'] {
  border-image-source: var(--metin-button-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] ._avatarWrap_5eul6_51 {
  background: #100f0d url('/metin-ui/slot.png') center / 100% 100% no-repeat;
  border-radius: 0;
}

html[data-metin-ui] ._avatarWrap_5eul6_51::after {
  display: none;
}

/* The character board sits at the left of the original village scene. */
html[data-metin-ui] ._stage_1cpsm_29 {
  box-sizing: border-box;
  width: min(100%, 29rem);
  padding: 0.75rem;
  background: #13100ded;
  border: 8px solid transparent;
  border-image: var(--metin-board) 16 / 8px stretch;
  box-shadow: 0 4px 14px #0009;
}

html[data-metin-ui] ._stage_1cpsm_29 ._slotGrid_18zck_58 {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
}

html[data-metin-ui] ._stage_1cpsm_29 ._slotGrid_18zck_58 > * {
  min-height: 0;
  height: auto;
}

html[data-metin-ui] ._stage_1cpsm_29 :is(._metaRow_18zck_1, ._welcomeBanner_18zck_32) {
  margin-bottom: 0.625rem;
}

html[data-metin-ui] ._stage_1cpsm_29 ._metaRow_18zck_1 {
  margin-inline: 0.25rem;
  padding-bottom: 0.5rem;
}

html[data-metin-ui] ._welcomeBannerBody_18zck_36 {
  padding: 0.75rem;
}

html[data-metin-ui] ._welcomeTitle_18zck_41 {
  font-size: 1.125rem;
}

html[data-metin-ui] ._welcomeDescription_18zck_50 {
  font-size: 0.875rem;
}

html[data-metin-ui] ._slotCard_5eul6_1 > ._body_11w98_56 {
  padding: 0.5rem;
}

html[data-metin-ui] ._root_5eul6_7 {
  gap: 0.5rem;
  min-height: 0;
  height: auto;
  text-align: start;
}

html[data-metin-ui] ._hero_5eul6_41 {
  flex: 0 1 auto;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.625rem;
  padding-top: 0;
}

html[data-metin-ui] ._avatarWrap_5eul6_51 {
  width: 3.375rem;
  height: 3.375rem;
}

html[data-metin-ui] ._info_5eul6_82 {
  gap: 0.125rem;
  align-items: flex-start;
}

html[data-metin-ui] ._name_5eul6_92 {
  box-sizing: border-box;
  width: fit-content;
  max-width: 100%;
  padding: 0.2rem 0.5rem;
  background: url('/metin-ui/entry/parameter-name.png') center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-size: 0.9375rem;
}

html[data-metin-ui] ._lastActivity_5eul6_131 {
  padding: 0.125rem 0.375rem;
  background: url('/metin-ui/entry/parameter-wide.png') center / 100% 100% no-repeat;
  color: var(--metin-muted);
}

html[data-metin-ui] ._equipmentPreview_5eul6_139 {
  justify-content: flex-start;
}

html[data-metin-ui] ._footer_5eul6_155 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(6rem, auto);
  gap: 0.375rem;
  margin: 0;
  padding-top: 0.375rem;
}

html[data-metin-ui] ._footer_5eul6_155 > button:only-child {
  grid-column: 1 / -1;
}

html[data-metin-ui] ._root_1eguq_1._enterButton_5eul6_164 {
  --metin-control-art: url('/metin-ui/entry/select-button-normal.png');
}

html[data-metin-ui] ._root_1eguq_1._enterButton_5eul6_164:hover:not(:disabled, [aria-disabled='true']) {
  --metin-control-art: url('/metin-ui/entry/select-button-hover.png');
}

html[data-metin-ui] ._root_1eguq_1._enterButton_5eul6_164:active:not(:disabled, [aria-disabled='true']) {
  --metin-control-art: url('/metin-ui/entry/select-button-pressed.png');
}

html[data-metin-ui] ._stage_1cpsm_29 ._content_1uqj2_20 {
  flex-direction: row;
  justify-content: flex-start;
  min-height: 0;
  height: auto;
  padding: 0.5rem;
}

html[data-metin-ui] ._stage_1cpsm_29 ._panel_1uqj2_34 {
  border-image: url('/metin-ui/entry/select-button-normal.png') 6 13 fill / 6px 12px stretch;
}

html[data-metin-ui] ._stage_1cpsm_29 ._hitArea_1uqj2_1:hover:not(:disabled) ._panel_1uqj2_34 {
  border-image-source: url('/metin-ui/entry/select-button-hover.png');
}

html[data-metin-ui] ._stage_1cpsm_29 ._hitArea_1uqj2_1:active:not(:disabled) ._panel_1uqj2_34 {
  border-image-source: url('/metin-ui/entry/select-button-pressed.png');
}

html[data-metin-ui] ._stage_1cpsm_29 ._textBlock_1uqj2_66 {
  align-items: flex-start;
  text-align: start;
}

html[data-metin-ui] ._stage_1cpsm_29 :is(._label_1uqj2_75, ._hint_1uqj2_83) {
  max-width: none;
  color: var(--metin-text);
  text-align: start;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] ._stage_1cpsm_29 ._icon_1uqj2_53 {
  width: 2.375rem;
  height: 2.375rem;
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 0;
}

html[data-metin-ui] :is(._card_18mwd_1, ._root_5eul6_7)[data-class='warrior'] {
  --entry-face: url('/metin-ui/entry/face-warrior.png');
}

html[data-metin-ui] :is(._card_18mwd_1, ._root_5eul6_7)[data-class='ninja'] {
  --entry-face: url('/metin-ui/entry/face-ninja.png');
}

html[data-metin-ui] :is(._card_18mwd_1, ._root_5eul6_7)[data-class='sura'] {
  --entry-face: url('/metin-ui/entry/face-sura.png');
}

html[data-metin-ui] :is(._card_18mwd_1, ._root_5eul6_7)[data-class='shaman'] {
  --entry-face: url('/metin-ui/entry/face-shaman.png');
}

html[data-metin-ui] ._root_5eul6_7:is([data-class='warrior'], [data-class='ninja'], [data-class='sura'], [data-class='shaman'])
  ._avatarWrap_5eul6_51:not([data-framed='true']) ._root_s6nlu_6:has(._fallback_s6nlu_62) {
  background: var(--entry-face) center / 43px no-repeat, var(--metin-slot) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] ._root_5eul6_7:is([data-class='warrior'], [data-class='ninja'], [data-class='sura'], [data-class='shaman'])
  ._avatarWrap_5eul6_51:not([data-framed='true']) ._fallback_s6nlu_62 {
  visibility: hidden;
}

html[data-metin-ui] ._content_1cpsm_5 {
  position: relative;
}

html[data-metin-ui] [data-metin-preview-select] {
  appearance: none;
  cursor: pointer;
  padding: 0;
  color: inherit;
}

html[data-metin-ui] [data-metin-preview-select][aria-pressed="true"] {
  outline: 1px solid var(--metin-gold);
  outline-offset: 2px;
}

html[data-metin-ui] .metin-character-preview {
  position: absolute;
  inset-block-start: max(7rem, 13vh);
  inset-inline: max(44%, 30.5rem) 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  height: min(74vh, 650px);
}

/* The portrait's original chunk CSS is loaded on the dashboard, not on this route. */
html[data-metin-ui] .metin-character-model {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 0;
  min-width: 0;
}

html[data-metin-ui] .metin-character-preview figure,
html[data-metin-ui] .metin-character-preview ._stage_35n7h_6 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  aspect-ratio: auto;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-character-preview ._canvas_35n7h_15 {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

html[data-metin-ui] .metin-character-preview ._canvasReady_35n7h_22 {
  opacity: 1;
}

html[data-metin-ui] .metin-character-model:has(canvas:not(._canvasReady_35n7h_22))::after {
  content: '';
  position: absolute;
  inset: 50% auto auto 50%;
  width: 24px;
  height: 24px;
  margin: -12px 0 0 -12px;
  border: 2px solid #ab834f55;
  border-top-color: var(--metin-gold);
  border-radius: 50%;
  animation: metin-roster-loading 0.8s linear infinite;
  pointer-events: none;
}

@keyframes metin-roster-loading {
  to { transform: rotate(1turn); }
}

html[data-metin-ui] .metin-character-preview .metin-character-preview-fallback {
  width: 100px;
  height: 100px;
  display: grid;
  place-items: center;
  object-fit: contain;
  image-rendering: pixelated;
  background: var(--metin-slot) center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-size: 1.8rem;
}

html[data-metin-ui] .metin-roster-class {
  position: absolute;
  inset: 0 auto auto 0;
  width: clamp(108px, 12vw, 170px);
  pointer-events: none;
  filter: drop-shadow(0 0 7px #e9b85d67);
}

html[data-metin-ui] .metin-roster-navigation {
  display: grid;
  grid-template-columns: minmax(44px, 160px) minmax(0, 12rem) minmax(44px, 160px);
  align-items: center;
  justify-content: center;
  gap: clamp(0.25rem, 1vw, 0.75rem);
}

html[data-metin-ui] .metin-roster-caption {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  justify-items: center;
  min-width: 0;
  margin: 0;
  padding: 4px 9px;
  color: var(--metin-gold);
  text-align: center;
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
  background: #0c0a08 url('/metin-ui/entry/parameter-name.png') center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-roster-caption > span {
  color: var(--metin-text);
  font-size: 0.75rem;
}

html[data-metin-ui] .metin-roster-arrow {
  grid-row: 1;
  width: 100%;
  min-height: 36px;
  padding: 0;
  background: var(--metin-roster-arrow) center / contain no-repeat;
  border: 0;
}

html[data-metin-ui] .metin-roster-arrow:hover {
  background-image: var(--metin-roster-arrow-hover);
}

html[data-metin-ui] .metin-roster-arrow:active {
  background-image: var(--metin-roster-arrow-pressed);
}

html[data-metin-ui] .metin-roster-arrow[data-direction="left"] {
  grid-column: 1;
  --metin-roster-arrow: url('/metin-ui/entry/roster-left-normal.png');
  --metin-roster-arrow-hover: url('/metin-ui/entry/roster-left-hover.png');
  --metin-roster-arrow-pressed: url('/metin-ui/entry/roster-left-pressed.png');
}

html[data-metin-ui] .metin-roster-arrow[data-direction="right"] {
  grid-column: 3;
  --metin-roster-arrow: url('/metin-ui/entry/roster-right-normal.png');
  --metin-roster-arrow-hover: url('/metin-ui/entry/roster-right-hover.png');
  --metin-roster-arrow-pressed: url('/metin-ui/entry/roster-right-pressed.png');
}

html[data-metin-ui] .metin-roster-attributes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem 0.75rem;
  margin: 0;
  padding: 0.375rem;
  color: var(--metin-text);
  font-size: 0.6875rem;
  background: #0e0c0ae8;
  border: 1px solid #6b533b;
}

html[data-metin-ui] .metin-roster-attributes > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(2.5rem, 1fr);
  align-items: center;
  gap: 0.25rem;
}

html[data-metin-ui] .metin-roster-attributes dt {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-roster-attributes dd {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
}

html[data-metin-ui] .metin-roster-gauge {
  height: 8px;
  background: #16100b url('/metin-ui/gauge-slot.png') left center / 16px 100% repeat-x;
}

html[data-metin-ui] .metin-roster-gauge > span {
  display: block;
  height: 100%;
  background: var(--metin-roster-fill) left center / 16px 100% repeat-x;
}

html[data-metin-ui] .metin-roster-attributes [data-attribute="vitality"] { --metin-roster-fill: url('/metin-ui/gauge-red.png'); }
html[data-metin-ui] .metin-roster-attributes [data-attribute="intelligence"] { --metin-roster-fill: url('/metin-ui/gauge-pink.png'); }
html[data-metin-ui] .metin-roster-attributes [data-attribute="strength"] { --metin-roster-fill: url('/metin-ui/gauge-purple.png'); }
html[data-metin-ui] .metin-roster-attributes [data-attribute="dexterity"] { --metin-roster-fill: url('/metin-ui/gauge-blue.png'); }

@media (prefers-reduced-motion: reduce) {
  html[data-metin-ui] .metin-character-model:has(canvas:not(._canvasReady_35n7h_22))::after {
    animation: none;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-roster-arrow {
    color: ButtonText;
    border: 1px solid ButtonText;
  }

  html[data-metin-ui] .metin-roster-arrow[data-direction="left"]::after { content: '‹' / ''; }
  html[data-metin-ui] .metin-roster-arrow[data-direction="right"]::after { content: '›' / ''; }
}

html[data-metin-ui] ._card_18mwd_1:is([data-class='warrior'], [data-class='ninja'], [data-class='sura'], [data-class='shaman'])
  ._cardHeader_18mwd_135 > ._root_s6nlu_6 {
  background: var(--entry-face) center / 43px no-repeat, var(--metin-slot) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] ._card_18mwd_1:is([data-class='warrior'], [data-class='ninja'], [data-class='sura'], [data-class='shaman'])
  ._cardHeader_18mwd_135 ._fallback_s6nlu_62 {
  visibility: hidden;
}

@media (max-width: 48rem) {
  html[data-metin-ui] ._content_2kd2g_71:has(._root_45j1f_1) ._brand_2kd2g_81 {
    display: none;
  }

  html[data-metin-ui] ._panelBody_1i4ha_31::before {
    width: min(100%, 9rem);
  }

  html[data-metin-ui] ._panelBody_2kd2g_101 {
    padding: 0.625rem;
  }

  html[data-metin-ui] ._form_zdwj9_17 ._field_fldva_16,
  html[data-metin-ui] ._form_zdwj9_17 ._submitButton_zdwj9_53 {
    min-height: 2.5rem;
  }
}

@media (min-width: 64rem) and (min-height: 44rem) {
  html[data-metin-ui] ._stage_1cpsm_29 {
    margin-block-start: clamp(1rem, 5vh, 3.5rem);
  }
}

@media (max-width: 23rem) {
  html[data-metin-ui] ._header_1cpsm_9 {
    flex-wrap: wrap;
    gap: 0.5rem;
  }

  html[data-metin-ui] ._headerMain_1cpsm_13 {
    flex-basis: 100%;
  }

  html[data-metin-ui] ._header_1cpsm_9 ._root_1w3e4_1 {
    margin-inline-start: auto;
  }

  html[data-metin-ui] ._footer_5eul6_155 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Native selectempirewindow.py: atlas, highlighted territories, flag/name and paged history. */
html[data-metin-ui] .metin-empire-page {
  min-height: 100svh;
  box-sizing: border-box;
  padding: max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  color: #ddd0b7;
  background: radial-gradient(ellipse at 42% 42%, transparent 14%, #0b05089c 100%),
    #311010 url('/metin-ui/entry/empire.jpg') center / 100% 100% no-repeat;
  font-family: var(--metin-font);
}
html[data-metin-ui]:has(.metin-empire-page) .local-server-badge { display: none; }
.metin-empire-topbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1280px; margin: 0 auto; }
html[data-metin-ui] .metin-empire-topbar .metin-empire-brand { display: block; width: 158px; height: auto; margin: 0; }
.metin-entry-navigation { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; min-width: 0; }
html[data-metin-ui] .metin-entry-navigation button { min-height: 44px; padding: 8px 16px; font-size: 12px; line-height: 1.3; white-space: normal; }
.metin-create-header > .metin-entry-navigation { grid-column: 1 / -1; grid-row: 2; justify-self: end; }
html[data-metin-ui] .metin-empire-title { max-width: 640px; margin: 20px auto 18px; text-align: center; color: #e6bb6a; font: 30px/1.3 var(--metin-heading-font); overflow-wrap: anywhere; text-shadow: 0 2px 4px #000; }
.metin-empire-title img { display: block; width: min(100%, 512px); height: auto; margin: 0 auto; }
.metin-empire-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; align-items: center; gap: clamp(24px, 4.5vw, 74px); width: min(1180px, 100%); margin: 0 auto; }
.metin-empire-atlas-board { min-width: 0; }
.metin-empire-atlas { position: relative; width: 100%; max-width: 700px; aspect-ratio: 495 / 357; margin: 0 auto; isolation: isolate; }
.metin-empire-atlas-base, .metin-empire-highlight { position: absolute; inset: 0; width: 100%; height: 100%; user-select: none; pointer-events: none; }
.metin-empire-atlas-base { filter: drop-shadow(0 12px 10px #0008); }
.metin-empire-highlight, .metin-empire-hover { opacity: 0; transition: opacity 180ms ease-out; }
.metin-empire-highlight[data-active='true'], .metin-empire-hover[data-active='true'] { opacity: 1; }
.metin-empire-hover { position: absolute; pointer-events: none; }
html[data-metin-ui] .metin-empire-region { position: absolute; border: 0; padding: 0; margin: 0; background: transparent; border-image: none; box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.metin-empire-region:disabled { cursor: wait; }
.metin-empire-map-controls { display: grid; grid-template-columns: 96px minmax(0, 190px) 96px; justify-content: center; align-items: center; gap: 10px; margin: -6px auto 12px; }
.metin-empire-selected-name { color: #ead199; font: 22px var(--metin-heading-font); text-align: center; margin: 0; text-shadow: 0 2px 3px #000; }
html[data-metin-ui] .metin-empire-arrow { width: 96px; height: 44px; padding: 0; border: 0; border-image: none; background: var(--empire-arrow) center / 96px 33px no-repeat; box-shadow: none; cursor: pointer; }
.metin-empire-arrow-left { --empire-arrow: url('/metin-ui/entry/empire-left-normal.png'); }
.metin-empire-arrow-right { --empire-arrow: url('/metin-ui/entry/empire-right-normal.png'); }
.metin-empire-arrow-left:hover { --empire-arrow: url('/metin-ui/entry/empire-left-hover.png'); }
.metin-empire-arrow-right:hover { --empire-arrow: url('/metin-ui/entry/empire-right-hover.png'); }
.metin-empire-arrow-left:active { --empire-arrow: url('/metin-ui/entry/empire-left-pressed.png'); }
.metin-empire-arrow-right:active { --empire-arrow: url('/metin-ui/entry/empire-right-pressed.png'); }
.metin-empire-kingdoms { display: flex; justify-content: center; gap: 8px; }
html[data-metin-ui] .metin-empire-kingdoms button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; min-width: 0; padding: 5px 12px; border: 1px solid #927047; border-radius: 0; background: #17100de8; color: #d7c5a2; font: 14px var(--metin-font); cursor: pointer; }
.metin-empire-kingdoms img { object-fit: contain; flex: 0 0 28px; }
html[data-metin-ui] .metin-empire-kingdoms button[aria-checked='true'] { color: #ffedb7; background: #44301bdd; border-color: #e3bc73; box-shadow: inset 0 0 0 1px #b58d4a, 0 0 10px #c3904d33; }
.metin-empire-map-hint { margin: 12px 0 0; text-align: center; color: #c8b493; font-size: 12px; text-shadow: 0 1px 2px #000; }
.metin-empire-description-board { box-sizing: border-box; min-width: 0; border: 9px solid transparent; border-image: var(--metin-board-gold) 16 / 9px stretch; background: #15100eea; padding: 9px; box-shadow: 0 6px 24px #0009; }
html[data-metin-ui] .metin-empire-nameplate { display: flex; gap: 10px; align-items: center; justify-content: center; margin: 0; padding: 3px 6px 8px; border-bottom: 1px solid #806848; color: #f0d293; font: 21px var(--metin-heading-font); }
.metin-empire-nameplate img { object-fit: contain; }
.metin-empire-description { min-height: 278px; padding: 16px 10px 4px; font-size: 14px; line-height: 1.6; color: #ccc5b6; text-shadow: 0 1px 1px #000; }
html[data-metin-ui] .metin-empire-description p { margin: 0; color: #c8c8c8; }
.metin-empire-description-navigation { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 0 4px 8px; border-bottom: 1px solid #79614388; }
.metin-empire-description-navigation span { margin-right: auto; font-size: 11px; color: #ae9b7e; }
html[data-metin-ui] .metin-empire-description-navigation button { min-width: 44px; min-height: 44px; padding: 0; border: 1px solid #796143; border-radius: 0; background: #241a14 var(--empire-page-arrow) center / 40px 20px no-repeat; font-size: 0; cursor: pointer; }
.metin-empire-description-navigation button:nth-of-type(1) { --empire-page-arrow: url('/metin-ui/entry/empire-description-prev-normal.png'); }
.metin-empire-description-navigation button:nth-of-type(2) { --empire-page-arrow: url('/metin-ui/entry/empire-description-next-normal.png'); }
.metin-empire-description-navigation button:nth-of-type(1):hover { --empire-page-arrow: url('/metin-ui/entry/empire-description-prev-hover.png'); }
.metin-empire-description-navigation button:nth-of-type(2):hover { --empire-page-arrow: url('/metin-ui/entry/empire-description-next-hover.png'); }
.metin-empire-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 12px; }
html[data-metin-ui] .metin-empire-native-button { min-height: 44px; min-width: 0; padding: 5px 10px; border: 0; border-image: none; border-radius: 0; background: url('/metin-ui/entry/empire-select-normal.png') center / 100% 36px no-repeat; color: #ead5aa; font: 14px var(--metin-font); text-shadow: 0 1px 2px #000; cursor: pointer; }
html[data-metin-ui] .metin-empire-native-button:hover:not(:disabled) { background-image: url('/metin-ui/entry/empire-select-hover.png'); color: #fff0bd; }
html[data-metin-ui] .metin-empire-native-button:active:not(:disabled) { background-image: url('/metin-ui/entry/empire-select-pressed.png'); }
html[data-metin-ui] .metin-empire-native-button:last-child { background-image: url('/metin-ui/entry/empire-cancel-normal.png'); }
html[data-metin-ui] .metin-empire-native-button:last-child:hover:not(:disabled) { background-image: url('/metin-ui/entry/empire-cancel-hover.png'); }
html[data-metin-ui] .metin-empire-native-button:last-child:active:not(:disabled) { background-image: url('/metin-ui/entry/empire-cancel-pressed.png'); }
.metin-empire-account-hint { margin: 10px 2px 2px; text-align: center; color: #ae9a7a; font-size: 11px; line-height: 1.5; }
.metin-empire-error { color: #ffc4ac; font-size: 13px; padding: 10px 2px; }
.metin-empire-page button:disabled { opacity: 0.5; cursor: default; }
.metin-empire-page button:focus-visible, .metin-entry-navigation button:focus-visible { outline: 2px solid #f6d393; outline-offset: 4px; }
@media (min-width: 1500px) and (min-height: 850px) {
  .metin-empire-layout { margin-top: clamp(12px, 5vh, 80px); }
}
@media (max-width: 900px) {
  html[data-metin-ui] .metin-empire-page { padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
  .metin-empire-layout { grid-template-columns: minmax(0, 1fr); max-width: 580px; gap: 18px; }
  .metin-empire-atlas { max-width: 500px; }
  .metin-empire-description-board { width: min(100%, 500px); justify-self: center; }
  .metin-empire-description { min-height: 140px; }
  html[data-metin-ui] .metin-empire-title { margin-top: 16px; margin-bottom: 6px; }
  html[data-metin-ui] .metin-empire-topbar .metin-empire-brand { width: 120px; }
  html[data-metin-ui] .metin-empire-topbar .metin-entry-navigation button { max-width: 190px; padding-inline: 12px; }
}
@media (max-width: 640px) {
  .metin-create-header > .metin-entry-navigation { grid-row: 3; width: 100%; justify-content: center; }
  .metin-create-header > .metin-entry-navigation button { flex: 1 1 130px; }
}
@media (max-width: 390px) {
  .metin-empire-map-controls { grid-template-columns: 72px minmax(0, 1fr) 72px; gap: 6px; }
  html[data-metin-ui] .metin-empire-arrow { width: 72px; background-size: 72px auto; }
  .metin-empire-selected-name { font-size: 20px; }
  .metin-empire-kingdoms { gap: 5px; }
  html[data-metin-ui] .metin-empire-kingdoms button { flex: 1 1 0; padding: 5px 6px; gap: 4px; font-size: 12px; }
  .metin-empire-kingdoms img { width: 24px; height: 24px; flex-basis: 24px; }
  html[data-metin-ui] .metin-empire-topbar .metin-empire-brand { width: 110px; }
}
@media (max-height: 500px) and (min-width: 700px) {
  .metin-empire-layout { grid-template-columns: minmax(0, 1fr) 280px; max-width: 1100px; gap: 20px; align-items: start; }
  html[data-metin-ui] .metin-empire-title { margin: 0 auto 6px; }
  .metin-empire-title img { max-width: 370px; }
  .metin-empire-description { min-height: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  .metin-empire-highlight, .metin-empire-hover { transition: none; }
}

/* CharacterWindow's Quest list opens entries inside the thin QuestDialog board. */
html[data-metin-ui] ._content_2kd2g_71:has(.metin-legal-reader) {
  max-width: 71rem;
}

html[data-metin-ui] ._panel_2kd2g_95:has(.metin-legal-reader) {
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] ._panelBody_2kd2g_101:has(.metin-legal-reader) {
  gap: 1rem;
  padding: 0;
}

html[data-metin-ui] .metin-legal-reader {
  display: grid;
  gap: 0.875rem;
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-legal-titlebar {
  display: grid;
  min-height: 2.5rem;
  place-items: center;
  padding: 0.25rem 1.25rem;
  text-align: center;
}

html[data-metin-ui] .metin-legal-titlebar h1 {
  margin: 0;
  font-size: clamp(1rem, 2.6vw, 1.35rem);
  line-height: 1.3;
}

html[data-metin-ui] .metin-legal-documents {
  display: grid;
  width: min(100%, 30rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.25rem;
}

html[data-metin-ui] .metin-legal-documents a {
  --metin-legal-tab: var(--metin-tab-normal);
  display: grid;
  min-height: 2.25rem;
  place-items: center;
  padding: 0.3rem 0.65rem;
  color: var(--metin-text);
  text-align: center;
  text-decoration: none;
  border: 1px solid transparent;
  border-image: var(--metin-legal-tab) 5 11 fill / 5px 11px / 0 stretch;
}

html[data-metin-ui] .metin-legal-documents a:is(:hover, :focus-visible) {
  --metin-legal-tab: var(--metin-tab-hover);
}

html[data-metin-ui] .metin-legal-documents a[aria-current] {
  --metin-legal-tab: var(--metin-tab-pressed);
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-legal-body {
  display: grid;
  align-items: start;
  gap: 0.875rem;
}

html[data-metin-ui] :is(.metin-legal-index, .metin-legal-document) {
  min-width: 0;
  padding: 0.5rem;
  background: #100d0a;
  border: 8px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-legal-index summary {
  padding: 0.3rem 0.45rem;
  color: var(--metin-gold);
  font-weight: 700;
  line-height: 1.35;
  cursor: pointer;
}

html[data-metin-ui] .metin-legal-index ul {
  display: grid;
  margin: 0.35rem 0 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-legal-index li + li {
  border-top: 1px solid #6c52374f;
}

html[data-metin-ui] .metin-legal-index a {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.4rem;
  min-height: 2rem;
  padding: 0.2rem 0.35rem;
  color: var(--metin-text);
  font-size: 0.8125rem;
  line-height: 1.4;
  text-decoration: none;
}

html[data-metin-ui] .metin-legal-index a:is(:hover, :focus-visible) {
  color: var(--metin-gold);
  background: #392b1a;
  text-decoration: underline;
}

html[data-metin-ui] .metin-legal-quest-icon {
  width: 1.5rem;
  height: 1.5rem;
  background: url("/metin-ui/quest-scroll-close.png") center / 100% no-repeat;
}

html[data-metin-ui] .metin-legal-index a:is(:hover, :focus-visible) .metin-legal-quest-icon {
  background-image: url("/metin-ui/quest-scroll-open.png");
}

html[data-metin-ui] .metin-legal-document {
  padding: clamp(0.5rem, 2vw, 1.4rem);
  font-size: 0.9375rem;
  line-height: 1.65;
}

html[data-metin-ui] .metin-legal-document :is(section, p, h2) {
  max-width: 75ch;
}

html[data-metin-ui] .metin-legal-document section {
  scroll-margin-block-start: 1rem;
  padding-block: 0.9rem;
  border-top: 1px solid #6c52374f;
}

html[data-metin-ui] .metin-legal-document section:target h2 {
  color: var(--metin-highlight);
  text-decoration: underline;
}

html[data-metin-ui] .metin-legal-document h2 {
  margin: 0 0 0.35rem;
  color: var(--metin-gold);
  font-size: 1.05rem;
  line-height: 1.4;
}

html[data-metin-ui] .metin-legal-document p {
  margin: 0 0 0.75rem;
}

html[data-metin-ui] .metin-legal-document section p:last-child {
  margin-bottom: 0;
}

html[data-metin-ui] .metin-legal-document :is(.metin-legal-meta, .metin-legal-disclaimer) {
  color: var(--metin-muted);
  font-size: 0.8125rem;
}

html[data-metin-ui] .metin-legal-disclaimer {
  padding-top: 0.8rem;
  border-top: 1px solid #6c52374f;
}

html[data-metin-ui] .metin-legal-footer a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding-inline: 1rem;
  text-align: center;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-legal-body {
    grid-template-columns: minmax(12rem, 0.35fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-legal-index {
    position: sticky;
    top: 0.75rem;
    max-height: calc(100dvh - 1.5rem);
    overflow-y: auto;
    scrollbar-color: var(--metin-border) var(--metin-recess);
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-legal-reader :is(.metin-legal-documents a, .metin-legal-index summary, .metin-legal-index a, .metin-legal-footer a) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-legal-index summary {
    align-content: center;
  }
}

@media (max-width: 479px) {
  html[data-metin-ui] .metin-legal-reader, html[data-metin-ui] .metin-legal-body {
    gap: 0.5rem;
  }

  html[data-metin-ui] .metin-legal-index {
    padding: 0.15rem 0.35rem;
  }

  html[data-metin-ui] .metin-legal-footer a {
    width: 100%;
  }
}


/* CharacterWindow keeps its four status rows and a separate bonus board. */
html[data-metin-ui] .metin-alignment { min-width:0;margin:7px 0;border:1px solid #6a573c;background:#17110c;box-shadow:inset 0 0 0 1px #080603;color:#d8c6a5;font:12px/1.5 var(--metin-font); }
html[data-metin-ui] .metin-alignment summary { display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 9px;cursor:pointer;box-sizing:border-box; }
html[data-metin-ui] .metin-alignment summary::before { content:'▸';color:#cfa761; }
html[data-metin-ui] .metin-alignment[open] summary::before { content:'▾'; }
html[data-metin-ui] .metin-alignment summary strong { font-size:13px;text-shadow:1px 1px #000,-1px -1px #000; }
html[data-metin-ui] .metin-alignment-points { margin-left:auto;color:#f4dfb0;font-variant-numeric:tabular-nums; }
html[data-metin-ui] .metin-alignment-details { padding:0 10px 9px;overflow-wrap:anywhere; }
html[data-metin-ui] .metin-alignment-details p { margin:5px 0; }
html[data-metin-ui] .metin-alignment-gauge { height:7px;border:1px solid #806648;background:#080603; }
html[data-metin-ui] .metin-alignment-gauge i { display:block;height:100%; }
html[data-metin-ui] .metin-alignment table { border-collapse:collapse;width:100%;font-size:12px; }
html[data-metin-ui] .metin-alignment caption { padding:6px;color:#e4c487;text-align:left; }
html[data-metin-ui] .metin-alignment :is(th,td) { padding:3px 6px;text-align:left;border-bottom:1px solid #443522; }
html[data-metin-ui] .metin-alignment td { text-align:right;white-space:nowrap; }
html[data-metin-ui] .metin-alignment tr[data-current='true'] { background:#382b1d;outline:1px solid #806541;outline-offset:-1px; }
html[data-metin-ui] .metin-alignment summary:focus-visible { outline:2px solid #efce88;outline-offset:2px; }
html[data-metin-ui] .metin-spirit-alignment { margin:8px 0;padding:9px;border:1px solid #80613c;background:#25180d;color:#edcc91;font:12px/1.5 var(--metin-font); }
html[data-metin-ui] .metin-spirit-alignment p { margin:4px 0; }
html[data-metin-ui] .metin-alignment-warning,html[data-metin-ui] .metin-spirit-alignment [role='alert'] { color:#ff9e79; }
@media(max-width:767px){html[data-metin-ui] .metin-alignment summary { flex-wrap:wrap;column-gap:6px; }html[data-metin-ui] .metin-alignment table {font-size:11px;}}
html[data-metin-ui] ._root_1g8qf_1:has(.metin-status-layout) {
  grid-template-columns: minmax(0, 1fr);
}

html[data-metin-ui] .metin-status-layout {
  --status-window-width: clamp(32rem, 41vw, 40rem);
  --status-detail-width: clamp(25rem, 35vw, 36rem);
  display: grid;
  grid-template-columns: minmax(0, var(--status-window-width)) minmax(0, var(--status-detail-width));
  gap: 14px 18px;
  align-items: start;
  justify-content: center;
  max-inline-size: 100%;
}

html[data-metin-ui] .metin-status-layout:has(.metin-status-details[hidden]):not(:has(.metin-status-web-tools)) {
  grid-template-columns: minmax(0, var(--status-window-width));
}

html[data-metin-ui] .metin-status-window,
html[data-metin-ui] .metin-status-details {
  min-inline-size: 0;
  padding: 8px;
  font: 14px/1.25 var(--metin-font);
  color: var(--metin-text);
}

html[data-metin-ui] .metin-status-window {
  grid-area: 1 / 1;
  display: grid;
  gap: 6px;
}

html[data-metin-ui] .metin-status-identity {
  display: grid;
  grid-template-columns: var(--status-portrait-size, 53px) minmax(0, 1fr);
  grid-template-rows: minmax(32px, auto) minmax(21px, auto);
  align-items: start;
  gap: 4px 6px;
}

html[data-metin-ui] .metin-status-portrait {
  grid-row: span 2;
  display: grid;
  place-items: center;
  inline-size: var(--status-portrait-size, 53px);
  block-size: var(--status-portrait-size, 53px);
  background: var(--metin-recess);
  color: var(--metin-gold);
  font-size: 24px;
  position: relative;
}

html[data-metin-ui] .metin-status-portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/metin-ui/status/portrait-frame.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-status-portrait img {
  inline-size: calc(var(--status-portrait-size, 53px) - 8px);
  block-size: calc(var(--status-portrait-size, 53px) - 8px);
  object-fit: contain;
}

html[data-metin-ui] .metin-status-title {
  display: flex;
  justify-content: center;
  align-items: center;
  min-block-size: 30px;
  position: relative;
  padding: 1px 20px;
}

html[data-metin-ui] .metin-status-title h2,
html[data-metin-ui] .metin-status-bar h3 {
  margin: 0;
  font: 700 14px/1.15 var(--metin-font);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-status-close {
  position: absolute;
  display: block;
  inset-inline-end: 2px;
  inline-size: 30px;
  block-size: 30px;
  border: 0;
  padding: 0;
  background: url("/metin-ui/close-normal.png") center / 16px 16px no-repeat;
  cursor: pointer;
}

html[data-metin-ui] .metin-status-close:hover {
  background-image: url("/metin-ui/close-hover.png");
}

html[data-metin-ui] .metin-status-close:active {
  background-image: url("/metin-ui/close-pressed.png");
}

html[data-metin-ui] .metin-skill-window .metin-skill-title,
html[data-metin-ui] .metin-story-window .metin-story-title,
html[data-metin-ui] .metin-friends-window .metin-friends-title {
  position: relative;
  padding-inline: 22px;
}

html[data-metin-ui] .metin-status-names {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 3px;
}

html[data-metin-ui] .metin-status-names:not([data-guild]) > span {
  grid-column: 1 / -1;
  justify-self: center;
  inline-size: min(100%, 16ch);
}

html[data-metin-ui] .metin-status-names span,
html[data-metin-ui] .metin-status-value {
  min-inline-size: 0;
  min-block-size: 18px;
  display: block;
  text-align: center;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  background: url("/metin-ui/entry/parameter-name.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-status-experience {
  display: grid;
  grid-template-columns: .65fr 1fr 1fr;
  margin: 2px 5px 3px;
  text-align: center;
}

html[data-metin-ui] .metin-status-experience dt {
  color: var(--metin-gold);
  font-size: 11px;
  line-height: 16px;
  border: 1px solid #69553f;
  background: #19120d;
  margin: 0 1px;
}

html[data-metin-ui] .metin-status-experience dd {
  margin: 3px 0 0;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-status-experience[data-polish] {
  grid-template-columns: 37fr 90fr 90fr;
  gap: 3px;
}

html[data-metin-ui] .metin-status-experience[data-polish] > div {
  min-block-size: 42px;
  background: var(--metin-experience-art) top center / 100% 42px no-repeat;
}

html[data-metin-ui] .metin-status-experience [data-value="level"] { --metin-experience-art: url("/metin-ui/status/level.png"); }
html[data-metin-ui] .metin-status-experience [data-value="current-exp"] { --metin-experience-art: url("/metin-ui/status/current-exp.png"); }
html[data-metin-ui] .metin-status-experience [data-value="next-exp"] { --metin-experience-art: url("/metin-ui/status/next-exp.png"); }

html[data-metin-ui] .metin-status-experience[data-polish] dt {
  color: transparent;
  border: 0;
  background: none;
}

html[data-metin-ui] .metin-status-section {
  min-inline-size: 0;
  padding: 0 3px;
}

html[data-metin-ui] .metin-status-bar {
  min-block-size: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 5px;
  margin-block-end: 3px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 16px / 0 repeat stretch;
}

html[data-metin-ui] .metin-status-bar output {
  inline-size: 33px;
  padding: 1px 2px;
  min-block-size: 16px;
  background-image: url("/metin-ui/status/value-small.png");
}

html[data-metin-ui] .metin-status-columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 4px;
  align-items: start;
}

html[data-metin-ui] .metin-status-lock {
  margin: 2px 0 4px;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-status-base-values,
html[data-metin-ui] .metin-status-values {
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-status-base-values li,
html[data-metin-ui] .metin-status-values > div {
  display: grid;
  align-items: center;
  gap: 2px;
  min-block-size: 34px;
}

html[data-metin-ui] .metin-status-base-values li {
  grid-template-columns: 30px 3ch minmax(0, 1fr) 30px;
}

html[data-metin-ui] .metin-status-base-values li > span:not(.metin-status-value) {
  font-size: 12px;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-status-base-values .metin-status-value {
  background-image: url("/metin-ui/status/value-small.png");
}

html[data-metin-ui] .metin-status-base-values [data-bonus="positive"] { color: #b8e795; }
html[data-metin-ui] .metin-status-base-values [data-bonus="negative"] { color: #ff9e79; }

html[data-metin-ui] .metin-status-values > div {
  grid-template-columns: minmax(0, 1fr) minmax(42px, 4.5rem);
}

html[data-metin-ui] .metin-status-values[data-wide] > div {
  grid-template-columns: minmax(24px, 1fr) minmax(45px, 86px);
}

html[data-metin-ui] .metin-status-values dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--metin-gold);
  font-size: 12px;
}

html[data-metin-ui] .metin-status-values dd {
  margin: 0;
  background-image: url("/metin-ui/status/value-medium.png");
}

html[data-metin-ui] .metin-status-values[data-wide] dd {
  background-image: url("/metin-ui/entry/parameter-name.png");
}

html[data-metin-ui] .metin-status-delta {
  color: #b8e795;
  margin-inline-start: 1px;
  font-size: 10px;
}

html[data-metin-ui] .metin-status-step {
  --step-art: var(--step-normal);
  display: block;
  min-inline-size: 0;
  inline-size: 30px;
  block-size: 30px;
  padding: 0;
  color: transparent;
  border: 0;
  background: var(--step-art) center / 13px 13px no-repeat;
  cursor: pointer;
}

html[data-metin-ui] .metin-status-step:hover:not(:disabled) { --step-art: var(--step-hover); }
html[data-metin-ui] .metin-status-step:active:not(:disabled) { --step-art: var(--step-pressed); }
html[data-metin-ui] .metin-status-step:disabled { --step-art: var(--step-disabled); cursor: default; }

html[data-metin-ui] .metin-status-confirm {
  display: block;
  inline-size: 100%;
  margin-block-start: 3px;
  min-block-size: 34px;
  padding: 1px 3px;
  font-size: 12px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-status-confirm:disabled {
  opacity: .6;
}

html[data-metin-ui] .metin-status-bonus {
  min-inline-size: 43px;
  min-block-size: 28px;
  border: 0;
  padding: 0 5px;
  font: 11px var(--metin-font);
  color: var(--metin-text);
  background: url("/metin-ui/skill-tab-normal.png") center / 100% 100% no-repeat;
  cursor: pointer;
}

html[data-metin-ui] .metin-status-bonus:hover {
  background-image: url("/metin-ui/skill-tab-hover.png");
}

html[data-metin-ui] .metin-status-bonus:is(:active, [aria-expanded="true"]) {
  background-image: url("/metin-ui/skill-tab-pressed.png");
}

html[data-metin-ui] .metin-character-tabs {
  display: grid;
  grid-template-columns: .93fr 1.22fr 1.12fr .77fr;
  gap: 1px;
  margin-block-start: 4px;
}

html[data-metin-ui] .metin-character-tabs a {
  display: grid;
  align-items: center;
  justify-content: center;
  min-inline-size: 0;
  min-block-size: 25px;
  padding: 0 2px;
  color: var(--metin-text);
  font: 10px/1.1 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
  background: var(--metin-tab-normal) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-character-tabs a:hover { background-image: var(--metin-tab-hover); }
html[data-metin-ui] .metin-character-tabs a[aria-current="page"] { background-image: var(--metin-tab-pressed); color: #fff0c8; }

html[data-metin-ui] .metin-character-tabs[data-native] {
  grid-template-columns: 53fr 67fr 61fr 55fr;
  gap: 2px;
  min-block-size: 37px;
  margin-inline: -6px;
  padding: 4px 6px 1px;
  background: var(--metin-character-tab-strip) center / 100% 37px no-repeat;
}

html[data-metin-ui] .metin-character-tabs[data-native="stats"] { --metin-character-tab-strip: url("/metin-ui/status/tabs-stats.png"); }
html[data-metin-ui] .metin-character-tabs[data-native="skills"] { --metin-character-tab-strip: url("/metin-ui/status/tabs-skills.png"); }
html[data-metin-ui] .metin-character-tabs[data-native="quests"] { --metin-character-tab-strip: url("/metin-ui/status/tabs-quests.png"); }

html[data-metin-ui] .metin-character-tabs[data-native] a {
  position: relative;
  background: none;
}

html[data-metin-ui] .metin-character-tabs[data-native] a:not([data-section="equipment"]) span {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

/* The browser uses the original Emocje slot for its equipment page. */
html[data-metin-ui] .metin-character-tabs[data-native] a[data-section="equipment"] span {
  margin-block-start: 2px;
  padding: 1px 2px;
  color: #e0d6c2;
  background: #171615;
  font-size: 9px;
  white-space: nowrap;
  overflow-wrap: normal;
}

html[data-metin-ui] .metin-character-tabs[data-native] a:hover {
  box-shadow: inset 0 0 6px #efc27256;
}

html[data-metin-ui] .metin-status-details {
  grid-area: 1 / 2 / span 2;
}

html[data-metin-ui] .metin-status-detail-scroll {
  max-block-size: min(34rem, 65dvh);
  min-block-size: 0;
  overflow: auto;
  margin-block-start: 6px;
  padding: 2px 3px;
  overscroll-behavior: contain;
}

html[data-metin-ui] .metin-status-alchemy-bonuses { padding: 4px; }
html[data-metin-ui] .metin-status-alchemy-bonuses h3 { margin: 0 0 4px; padding: 6px 10px; font-size: 13px; }
html[data-metin-ui] .metin-status-alchemy-bonuses dl > div { min-block-size: 25px; }
html[data-metin-ui] .metin-status-alchemy-bonuses dt { white-space: normal; }
html[data-metin-ui] .metin-status-alchemy-bonuses dd { color: #b8e795; }

html[data-metin-ui] .metin-status-detail-scroll ._derivedCard_1g8qf_57 {
  position: static;
  display: block;
  min-inline-size: 0;
  padding: 4px;
  background: transparent;
  border: 0;
  border-image: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-status-detail-scroll ._body_11w98_56 {
  padding: 0;
}

html[data-metin-ui] .metin-status-detail-scroll ._timedBonusesSlot_1g8qf_58,
html[data-metin-ui] .metin-status-detail-scroll ._timedBonusesSlot_1g8qf_58 > * {
  position: static;
  max-inline-size: none;
  min-block-size: 0;
  block-size: auto;
}

html[data-metin-ui] .metin-status-detail-scroll ._derivedScroll_1g8qf_133,
html[data-metin-ui] .metin-status-detail-scroll ._list_k2bi2_19 {
  max-block-size: none;
  overflow: visible;
}

html[data-metin-ui] .metin-status-detail-scroll :is(._statGroupTitle_1g8qf_789, ._title_k2bi2_1) {
  padding: 3px 5px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 16px / 0 repeat stretch;
}

html[data-metin-ui] .metin-status-detail-scroll ._sectionTitle_1g8qf_399 {
  font-size: 13px;
}

html[data-metin-ui] .metin-status-detail-scroll ._statRow_1g8qf_813 {
  gap: 5px;
  padding-block-end: 4px;
}

html[data-metin-ui] .metin-status-detail-scroll ._statRow_1g8qf_813 :is(dt, dd) {
  font-size: 11px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-status-detail-scroll ._statRow_1g8qf_813 dd {
  text-align: end;
}

html[data-metin-ui] .metin-status-help {
  padding: 4px;
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-status-web-tools {
  grid-area: 2 / 1;
  min-inline-size: 0;
}

html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3px;
  min-block-size: 0;
  margin-inline: 0;
  padding: 0;
  background: none;
}

html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs a {
  min-block-size: 40px;
  background: var(--metin-tab-normal) center / 100% 100% no-repeat;
  font-size: 13px;
}

html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs a:hover {
  background-image: var(--metin-tab-hover);
}

html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs a[aria-current="page"] {
  background-image: var(--metin-tab-pressed);
}

html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs a[data-section] span {
  position: static;
  inline-size: auto;
  block-size: auto;
  margin: 0;
  padding: 0;
  clip-path: none;
  overflow: visible;
  background: transparent;
  color: inherit;
  font-size: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-status-layout:has(.metin-status-details[hidden]) .metin-status-web-tools {
    grid-area: 1 / 2;
  }

  html[data-metin-ui] .metin-status-window {
    --status-portrait-size: 66px;
    gap: 8px;
  }

  html[data-metin-ui] .metin-status-identity {
    grid-template-rows: 40px minmax(22px, auto);
  }

  html[data-metin-ui] .metin-status-title {
    min-block-size: 40px;
  }

  html[data-metin-ui] :is(.metin-status-title h2, .metin-status-bar h3) {
    font-size: 16px;
  }

  html[data-metin-ui] .metin-status-columns {
    gap: 8px;
  }

  html[data-metin-ui] :is(.metin-status-base-values li, .metin-status-values > div) {
    min-block-size: 38px;
  }

  html[data-metin-ui] .metin-status-base-values li {
    grid-template-columns: 38px 3ch minmax(0, 1fr) 38px;
  }

  html[data-metin-ui] .metin-status-step {
    inline-size: 38px;
    block-size: 38px;
    background-size: 18px 18px;
  }

  html[data-metin-ui] .metin-status-value {
    min-block-size: 23px;
  }

  html[data-metin-ui] .metin-status-values[data-wide] > div {
    grid-template-columns: minmax(24px, 1fr) minmax(45px, 7rem);
  }

  html[data-metin-ui] :is(.metin-status-values dt, .metin-status-base-values li > span:not(.metin-status-value), .metin-status-bonus, .metin-status-confirm) {
    font-size: 14px;
  }

  html[data-metin-ui] :is(.metin-status-bonus, .metin-status-confirm) {
    min-block-size: 38px;
  }

  html[data-metin-ui] .metin-status-detail-scroll ._statRow_1g8qf_813 :is(dt, dd) {
    font-size: 13px;
  }
}

html[data-metin-ui] .metin-status-options {
  padding: 0;
}

html[data-metin-ui] .metin-status-options ._body_11w98_56 {
  padding: 8px;
}

html[data-metin-ui] .metin-status-options ._identityTop_1g8qf_165,
html[data-metin-ui] .metin-status-options ._profile_1g8qf_195 {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-status-options ._profile_1g8qf_195 {
  flex: 1 0 100%;
}

html[data-metin-ui] .metin-status-options ._avatarColumn_1g8qf_202 > span {
  inline-size: 44px;
  block-size: 44px;
}

html[data-metin-ui] .metin-status-options ._name_1g8qf_184 {
  font-size: 13px;
}

html[data-metin-ui] .metin-status-options ._resourceBlock_1g8qf_324 > :not(p) {
  display: none;
}

html[data-metin-ui] .metin-status-options ._resourceBlock_1g8qf_324:not(:has(._liveLocation_1g8qf_340)) {
  display: none;
}

html[data-metin-ui] .metin-status-options ._genderButtons_1g8qf_236 {
  display: flex;
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-status-options ._experienceRow_1g8qf_168 {
  margin-block-start: 5px;
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-status-layout,
  html[data-metin-ui] .metin-status-layout:has(.metin-status-details[hidden]):not(:has(.metin-status-web-tools)) {
    --status-window-width: 34rem;
    grid-template-columns: minmax(0, var(--status-window-width));
    justify-content: center;
  }

  html[data-metin-ui] .metin-status-details { grid-area: 2 / 1; scroll-margin-block-start: 8px; }
  html[data-metin-ui] .metin-status-web-tools { grid-area: 3 / 1; }
  html[data-metin-ui] .metin-status-layout:has(.metin-status-details[hidden]) .metin-status-web-tools { grid-area: 2 / 1; }
  html[data-metin-ui] .metin-status-step { inline-size: 44px; block-size: 44px; background-size: 17px 17px; }
  html[data-metin-ui] .metin-status-base-values li { grid-template-columns: 44px 3ch minmax(0, 1fr) 44px; }
  html[data-metin-ui] .metin-status-values > div { grid-template-columns: minmax(0, 1fr) minmax(36px, 3.25rem); }
  html[data-metin-ui] .metin-status-detail-scroll { max-block-size: none; }
  html[data-metin-ui] :is(.metin-status-confirm, .metin-status-bonus, .metin-character-tabs a) { min-block-size: 44px; }

  html[data-metin-ui] :is(.metin-status-window, .metin-skill-window) .metin-character-tabs a {
    min-block-size: 44px;
    font-size: 11px;
  }
}

@media (max-width: 380px) {
  html[data-metin-ui] .metin-status-core {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-status-core .metin-status-values {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 9px;
  }
}

/* CharacterWindow and the equipped actor share one native board. */
html[data-metin-ui] .metin-status-layout.metin-status-with-preview {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  inline-size: min(100%, 1020px);
  margin-inline: auto;
  gap: 14px;
}
html[data-metin-ui] .metin-status-with-preview > :is(.metin-status-window, .metin-status-details, .metin-status-web-tools) {
  inline-size: 100%;
  min-inline-size: 0;
  max-inline-size: 100%;
}
/* Leave a scrollable area above the fixed chat/footer for the last controls. */
html[data-metin-ui] .metin-status-with-preview { padding-block-end:64px; }
html[data-metin-ui] .metin-status-with-preview .metin-status-window {
  container-type: inline-size;
  container-name: character-window;
  padding: 10px;
}
html[data-metin-ui] .metin-status-main-title { min-block-size: 34px; margin-block-end: 12px; }
html[data-metin-ui] .metin-status-main-title h2 { font-size: 16px; }
.metin-status-main-content { display: grid; grid-template-columns: minmax(380px, 1.15fr) minmax(250px, 0.85fr); gap: 18px; align-items: start; }
.metin-status-sheet { min-inline-size: 0; padding: 4px; }
html[data-metin-ui] .metin-status-sheet .metin-status-identity { grid-template-rows: auto; align-items: center; margin-block-end: 12px; }
html[data-metin-ui] .metin-status-sheet .metin-status-identity > .metin-alignment { grid-column:2;grid-row:2;margin:0;align-self:start; }
html[data-metin-ui] .metin-status-sheet .metin-status-identity > .metin-alignment[open] { grid-column:1 / -1;grid-row:3; }
html[data-metin-ui] .metin-status-sheet .metin-status-identity:has(> .metin-alignment) > .metin-status-portrait { grid-row:1 / span 2; }
html[data-metin-ui] .metin-status-sheet .metin-alignment[data-compact] > summary { min-height:26px;padding:2px 7px; }
@media(max-width:767px){html[data-metin-ui] .metin-status-sheet .metin-alignment[data-compact] > summary { min-height:44px; }}
html[data-metin-ui] .metin-status-sheet .metin-status-portrait { grid-row: auto; }
html[data-metin-ui] .metin-status-sheet .metin-status-names { gap: 5px; }
html[data-metin-ui] .metin-status-sheet .metin-status-names span { min-block-size: 24px; font-size: 14px; padding: 4px; }
html[data-metin-ui] .metin-status-with-preview .metin-status-experience { gap: 6px; }
html[data-metin-ui] .metin-status-with-preview .metin-status-experience > div { min-block-size: 48px; background: none; }
html[data-metin-ui] .metin-status-with-preview .metin-status-experience dt { color: var(--metin-gold); font: 12px/20px var(--metin-font); border: 0; background: none; }
html[data-metin-ui] .metin-status-with-preview .metin-status-experience dd { min-block-size: 24px; padding: 4px 2px; font-size: 14px; background: url('/metin-ui/entry/parameter-name.png') center / 100% 100% no-repeat; }
html[data-metin-ui] .metin-status-sheet .metin-status-section { margin-block-start: 10px; }
html[data-metin-ui] .metin-status-sheet .metin-status-bar { min-block-size: 32px; margin-block-end: 6px; }
.metin-status-appearance { display: flex; flex-direction: column; min-inline-size: 0; align-self: stretch; overflow: hidden;
  border: 1px solid #806443; background: linear-gradient(#09080740, #09080780), url('/metin-ui/entry/chunjo.jpg') center / cover; }
.metin-status-appearance > h3 { flex-shrink: 0; margin: 5px; padding: 5px 12px; font: 700 14px var(--metin-font); color: var(--metin-gold); text-align: center; }
.metin-status-appearance .metin-create-model { min-height: 370px; height: 420px; }
.metin-status-appearance .metin-create-rotation { grid-template-columns: 54px minmax(0, 1fr) 54px; gap: 2px; padding-inline: 2px; background: #0b0a0870; }
html[data-metin-ui] .metin-status-appearance .metin-create-rotation .metin-roster-arrow { width: 54px; }
html[data-metin-ui] .metin-status-with-preview .metin-character-tabs { margin-block-start: 14px; }
html[data-metin-ui] .metin-status-with-preview .metin-character-tabs a { min-block-size: 44px; }
html[data-metin-ui] .metin-status-with-preview > .metin-status-web-tools { padding: 8px; }
.metin-status-with-preview > .metin-status-web-tools > summary { min-height: 44px; padding: 11px 28px; color: var(--metin-gold); font-weight: 700; cursor: pointer; scroll-margin-block:110px; }
.metin-status-with-preview > .metin-status-web-tools[open] > summary { margin-block-end: 10px; }
@container character-window (max-width: 700px) {
  .metin-status-main-content { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .metin-status-appearance { order: -1; }
  .metin-status-appearance .metin-create-model { height: 320px; min-height: 280px; flex: none; }
  .metin-status-appearance .metin-equipped-caption dl { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .metin-status-appearance .metin-equipped-caption dl > div { display: block; }
  .metin-status-appearance .metin-equipped-caption dd { margin-block-start: 4px; }
}
@media (max-width: 767px) {
  html[data-metin-ui] .metin-status-with-preview .metin-status-window { padding: 7px; }
  html[data-metin-ui] .metin-status-with-preview .metin-status-sheet { padding: 0; }
  .metin-status-appearance .metin-create-model { height: 310px; min-height: 280px; }
}

html[data-metin-ui] .metin-skill-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  inline-size: 100%;
  max-inline-size: 1100px;
  margin-inline: auto;
  align-items: start;
  gap: 16px;
}

html[data-metin-ui] .metin-skill-window {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 6px 12px 8px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  container: metin-skills / inline-size;
}

html[data-metin-ui] .metin-skill-main-content {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  grid-template-areas: "sheet preview" "detail preview";
  align-items: start;
  gap: 14px 20px;
}
html[data-metin-ui] .metin-skill-sheet { grid-area: sheet; min-width: 0; display: grid; gap: 8px; }
html[data-metin-ui] .metin-skill-preview { grid-area: preview; min-width: 0; }
html[data-metin-ui] .metin-skill-detail { grid-area: detail; }
html[data-metin-ui] .metin-skill-simulator { min-width: 0; display: grid; gap: 8px; }
html[data-metin-ui] .metin-skill-simulator h2 { margin: 0; text-align: center; font-size: 14px; }
html[data-metin-ui] .metin-skill-preview-name { margin: 2px 0; color: var(--metin-gold); text-align: center; font-size: 17px; }
html[data-metin-ui] .metin-skill-preview-tiers { display: grid; grid-template-columns: minmax(90px, 1.5fr) repeat(3, minmax(44px, 1fr)); gap: 5px; }
html[data-metin-ui] .metin-skill-preview-tiers button { min-height: 44px; min-width: 0; }
html[data-metin-ui] .metin-skill-preview-tiers button[aria-pressed="true"] { color: #ffefb8; outline: 1px solid #caa760; outline-offset: -3px; background-color: #4a3522; }
html[data-metin-ui] .metin-skill-preview .metin-create-model { height: 390px; min-height: 300px; }
html[data-metin-ui] .metin-skill-preview .metin-equipped-caption { margin-top: 0; }
html[data-metin-ui] .metin-skill-preview-grade { margin: 0; text-align: center; color: #ebca86; font-size: 13px; }
html[data-metin-ui] .metin-skill-preview-actions { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; }
html[data-metin-ui] .metin-skill-preview-actions button { flex: 1 1 130px; min-height: 44px; padding-inline: 8px; }
html[data-metin-ui] .metin-skill-preview-status { margin: 0; min-height: 36px; color: #e8d9bd; font-size: 13px; text-align: center; }
html[data-metin-ui] .metin-skill-preview-note { margin: 0; color: #b7aa93; font-size: 12px; line-height: 1.4; text-align: center; }
html[data-metin-ui] .metin-skill-support { max-width: 270px; width: 100%; justify-self: center; }

@container metin-skills (max-width: 700px) {
  html[data-metin-ui] .metin-skill-main-content {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "sheet" "preview" "detail";
    gap: 16px;
  }
  html[data-metin-ui] .metin-skill-preview { width: min(100%, 440px); justify-self: center; }
  html[data-metin-ui] .metin-skill-preview .metin-create-model { height: 330px; }
  html[data-metin-ui] .metin-skill-active { flex-wrap: wrap; }
}

html[data-metin-ui] .metin-skill-window .metin-skill-title {
  display: grid;
  place-items: center;
  min-height: 36px;
  margin: 0 -6px 8px;
  padding: 2px 6px;
}

html[data-metin-ui] .metin-skill-title h1 {
  margin: 0;
  font-size: 1rem;
  text-align: center;
}

html[data-metin-ui] .metin-skill-bar {
  min-height: 22px;
  margin: 0 2px;
  padding: 2px 5px;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-skill-active,
html[data-metin-ui] .metin-skill-groups,
html[data-metin-ui] .metin-skill-points {
  display: flex;
  align-items: center;
  gap: 4px;
}

html[data-metin-ui] .metin-skill-active {
  justify-content: space-between;
}

html[data-metin-ui] .metin-skill-groups {
  flex: 0 1 auto;
  min-width: 0;
}

html[data-metin-ui] .metin-skill-groups button {
  min-width: 60px;
  min-height: 36px;
  padding: 2px 6px;
  border: 0;
  border-radius: 0;
  color: #ffe3ad;
  background: url("/metin-ui/skill-tab-normal.png") center / 100% 100%;
  font: 700 13px / 1.2 var(--metin-font);
  overflow-wrap: anywhere;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-skill-groups button:hover {
  background-image: url("/metin-ui/skill-tab-hover.png");
}

html[data-metin-ui] .metin-skill-groups button[aria-pressed="true"] {
  background-image: url("/metin-ui/skill-tab-pressed.png");
}

html[data-metin-ui] .metin-skill-group-name,
html[data-metin-ui] .metin-skill-points,
html[data-metin-ui] .metin-skill-support-title {
  font: 700 11px / 1.2 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-skill-points {
  margin-left: auto;
  text-align: right;
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-skill-points output {
  min-width: 16px;
  color: #fff2d5;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

html[data-metin-ui] .metin-skill-board {
  position: relative;
  width: 100%;
  aspect-ratio: 227 / 152;
  background: url("/metin-ui/skills/skill-board.png") center / 100% 100%;
  max-width: 454px;
  justify-self: center;
}

html[data-metin-ui] .metin-skill-slot {
  position: absolute;
  top: calc(var(--metin-skill-y) * 100% / 152);
  left: calc(var(--metin-skill-x) * 100% / 227);
  display: grid;
  place-items: center;
  width: calc(32 * 100% / 227);
  height: calc(32 * 100% / 152);
  margin: 0;
  padding: 1px;
  overflow: hidden;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-skill-slot img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html[data-metin-ui] .metin-skill-slot:not([data-current]) img {
  filter: grayscale(.35) brightness(.45);
}

html[data-metin-ui] .metin-skill-slot:is(:hover, :focus-visible, [aria-pressed="true"])[data-current] {
  outline: 1px solid #ddba68;
  outline-offset: -1px;
}

html[data-metin-ui] .metin-skill-grade {
  position: absolute;
  right: 2px;
  bottom: 1px;
  color: #fff5dc;
  font: 700 11px / 1 Tahoma, sans-serif;
  text-shadow: 0 1px 2px #000, 1px 0 #000, -1px 0 #000;
}

html[data-metin-ui] .metin-skill-grade[data-pending] {
  color: #ffe092;
}

html[data-metin-ui] .metin-skill-support-title {
  display: flex;
  align-items: center;
  margin-top: 4px;
}

html[data-metin-ui] :is(.metin-skill-group-name, .metin-skill-points, .metin-skill-support-title) {
  font-size: 13px;
}

html[data-metin-ui] .metin-skill-support {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px 5px;
  margin: 0 5px 4px;
}

html[data-metin-ui] .metin-skill-support span {
  aspect-ratio: 1;
  background: var(--metin-slot) center / 100% 100%;
}

html[data-metin-ui] .metin-skill-detail {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-skill-detail > button {
  justify-self: start;
  min-height: 44px;
}

html[data-metin-ui] .metin-skill-detail [data-metin-step] { min-width: 44px; min-height: 44px; }

html[data-metin-ui] .metin-skill-detail > [class*="_grid_"] {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-skill-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-skill-window {
    width: 100%;
    margin-inline: auto;
    padding-inline: 6px;
  }

  html[data-metin-ui] .metin-skill-groups button {
    min-width: 44px;
    min-height: 44px;
    padding-inline: 4px;
    font-size: 12px;
  }

  html[data-metin-ui] .metin-skill-support {
    grid-template-columns: repeat(6, minmax(0, 40px));
    justify-content: center;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-skill-board {
    container-type: inline-size;
  }

  html[data-metin-ui] button.metin-skill-slot[data-current] {
    top: calc((var(--metin-skill-y) + 16) * 100% / 152);
    left: calc((var(--metin-skill-x) + 16) * 100% / 227);
    width: max(44px, calc(32 * 100% / 227));
    height: max(44px, calc(32 * 100% / 152));
    transform: translate(-50%, -50%);
  }

  html[data-metin-ui] button.metin-skill-slot[data-current] img {
    width: min(100%, 14.1cqi);
    height: min(100%, 14.1cqi);
  }
}

html[data-metin-ui] .metin-story-window {
  display: grid;
  gap: 6px;
  width: min(100%, 42rem);
  min-width: 0;
  padding: 6px 12px 8px;
  color: var(--metin-text);
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
}

html[data-metin-ui] .metin-story-window .metin-story-title {
  display: grid;
  place-items: center;
  min-height: 30px;
  margin: 0 -6px;
  padding: 2px 6px;
}

html[data-metin-ui] .metin-story-title h1 {
  margin: 0;
  font-size: 14px;
  text-align: center;
}

html[data-metin-ui] .metin-story-list {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  max-block-size: min(37rem, 70dvh);
  padding: 2px 3px 3px;
  overflow-y: auto;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-story-progress {
  margin: 0;
  color: var(--metin-gold);
  font-size: 13px;
  text-align: right;
}

html[data-metin-ui] .metin-story-list :is(._section_1bnn3_57, ._entries_1bnn3_72) {
  gap: 4px;
}

html[data-metin-ui] .metin-story-list ._sectionTitle_1bnn3_63 {
  padding: 4px 7px;
  font: 700 13px / 1.25 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-story-list ._intro_1bnn3_50 {
  font-size: 13px;
}

html[data-metin-ui] .metin-story-entry > summary {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-height: 44px;
  padding: 2px;
  list-style: none;
  cursor: pointer;
}

html[data-metin-ui] .metin-story-entry > summary::-webkit-details-marker {
  display: none;
}

html[data-metin-ui] .metin-story-entry > summary:focus-visible {
  outline: 1px solid var(--metin-gold);
  outline-offset: -1px;
}

html[data-metin-ui] .metin-story-entry > summary img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  padding: 2px;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-story-entry:is([open], :hover, :focus-within) > summary img {
  content: url("/metin-ui/quest-scroll-open.png");
}

@media (max-width: 660px) {
  html[data-metin-ui] .metin-story-list { max-block-size: none; }
}

html[data-metin-ui] .metin-story-entry > summary :is(strong, small) {
  display: block;
}

html[data-metin-ui] .metin-story-entry > summary strong {
  font-size: 12px;
  line-height: 1.25;
}

html[data-metin-ui] .metin-story-entry > summary small {
  margin-top: 2px;
  color: var(--metin-gold);
  font-size: 10px;
}

html[data-metin-ui] .metin-story-entry:is([data-status="locked"], [data-status="completed"]) > summary small {
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-story-detail {
  display: grid;
  gap: 6px;
  margin: 3px 1px 4px;
  padding: 7px;
  background: #15110de0;
  border: 1px solid var(--metin-border);
}

html[data-metin-ui] .metin-story-detail :is(p, a) {
  font-size: 11px;
}

html[data-metin-ui] .metin-story-detail ._npcLink_1bnn3_163 {
  justify-self: start;
}

/* SafeboxWindow from the MT2009 UI script, using the shared 5 × 9 storage grid. */
html[data-metin-ui] ._shopColumn_15cgi_30 > .metin-safebox {
  --metin-safebox-width: var(--metin-npc-board-width, 16rem);
  width: min(100%, var(--metin-safebox-width));
  margin-inline: auto;
  padding: 6px 7px 9px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-safebox-titlebar {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 30px;
  margin-bottom: 6px;
  padding-inline: 24px;
  text-align: center;
}

html[data-metin-ui] .metin-safebox-titlebar h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.82rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-safebox :is(._warehouseWrap_1exg2_1, ._warehouseGridFrame_1exg2_7) {
  width: 100%;
}

html[data-metin-ui] .metin-safebox ._inventoryCard_1khz7_2 {
  --inv-grid-width: calc(var(--metin-safebox-width) - 16px);
  --inv-gap: 0px;
  --inv-pad: 0px;
  --inv-tabs-height: 25px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-safebox ._windowHeader_1khz7_34 {
  display: none;
}

html[data-metin-ui] .metin-safebox ._panelBody_1khz7_151 {
  align-items: stretch;
  background: transparent;
}

html[data-metin-ui] .metin-safebox :is(._board_1khz7_323, ._boardParked_1khz7_324) {
  padding: 0;
  border: 0;
  background: #120e09;
  box-shadow: none;
}

html[data-metin-ui] .metin-safebox ._panelTop_1khz7_69 {
  margin-bottom: 4px;
  border: 0;
}

html[data-metin-ui] .metin-safebox ._tabs_10hm5_1 {
  gap: 1px;
  padding: 0 0 5px;
  background: transparent;
}

html[data-metin-ui] .metin-safebox ._tab_10hm5_1 {
  min-height: 29px;
  padding: 2px;
}

html[data-metin-ui] .metin-safebox ._tab_10hm5_1 [class^="_name_"] {
  max-width: 100%;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-safebox ._tabDrop_10hm5_41 {
  outline: 1px solid #73bf77;
  outline-offset: -2px;
}

/* Keep the tablist before its grid in keyboard order. The original locates the tabs under the slots. */
html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 {
  order: 1;
  gap: 0;
  margin-top: 3px;
  padding: 0;
  background: transparent;
  border: 0;
}

html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 ._tab_1khz7_160 {
  --metin-safebox-tab-art: url("/metin-ui/warehouse/tab-normal.png");
  min-height: 32px;
  padding: 0;
  font: bold 0.72rem var(--metin-font);
  background: #2a2118 var(--metin-safebox-tab-art) center / 100% 100% no-repeat;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 ._tab_1khz7_160:hover {
  --metin-safebox-tab-art: url("/metin-ui/warehouse/tab-hover.png");
}

html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 ._tab_1khz7_160:is(:active, [aria-selected="true"]) {
  --metin-safebox-tab-art: url("/metin-ui/warehouse/tab-pressed.png");
}

html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 ._tab_1khz7_160:is(:focus-visible, ._tabDropValid_1khz7_250, ._tabDropInvalid_1khz7_259) {
  outline: 1px solid currentColor;
  outline-offset: -2px;
}

html[data-metin-ui] .metin-safebox ._tabs_1khz7_160 ._tabLockBadge_1khz7_206 {
  inset: 2px 2px auto auto;
}

html[data-metin-ui] .metin-safebox :is(._footer_1khz7_541, ._bagTools_1khz7_79) {
  order: 2;
  flex-wrap: wrap;
  gap: 3px;
  padding: 4px 0 0;
  background: transparent;
  border: 0;
}

html[data-metin-ui] .metin-safebox ._bagTools_1khz7_79 ._bagToolButton_1khz7_92 {
  height: auto;
  min-height: 32px;
  padding: 2px 3px;
  font-size: 0.67rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-safebox ._extraPagesCard_1exg2_57 {
  padding: 6px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-safebox ._extraPagesCard_1exg2_57 button {
  max-width: 100%;
  min-width: 0;
  padding: 4px 6px;
  font-size: 0.72rem;
  white-space: normal;
}

html[data-metin-ui] .metin-safebox ._extraPagesIcon_1exg2_72 {
  object-fit: contain;
}

html[data-metin-ui] .metin-safebox-locked {
  display: grid;
  justify-items: center;
  gap: 7px;
  min-width: 0;
  padding: 9px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: #160f0c;
  text-align: center;
}

html[data-metin-ui] .metin-safebox-locked > p {
  margin: 0;
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-safebox-lock-slot {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-safebox-fee {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: min(100%, 13rem);
  min-height: 28px;
  margin: 0 auto;
  padding: 3px 8px;
  background: #14100a url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-size: 0.8125rem;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-safebox-fee img {
  object-fit: contain;
}

html[data-metin-ui] .metin-safebox-active-note {
  padding: 4px 7px;
  background: #1d1a10;
  border: 1px solid #6a5736;
  color: #e2d6a6;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-safebox-question {
  width: min(100%, 36rem);
}

html[data-metin-ui] .metin-safebox-question ._body_1jcx0_222 {
  text-align: center;
}

html[data-metin-ui] .metin-safebox-question ._footer_1jcx0_234 {
  justify-content: center;
}

html[data-metin-ui] .metin-safebox-payment-error {
  margin: 7px 0 0;
  padding: 5px 7px;
  border: 1px solid #7d4b3f;
  background: #291811;
  color: #f3bba7;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-safebox-locked, .metin-safebox-question ._footer_1jcx0_234) button {
  --metin-control-art: var(--metin-shop-middle);
  min-height: 34px;
  max-width: 100%;
  height: auto;
  padding-block: 6px;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-safebox-locked, .metin-safebox-question ._footer_1jcx0_234) button:is(:hover, :focus-visible):enabled {
  --metin-control-art: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-safebox-locked, .metin-safebox-question ._footer_1jcx0_234) button:active:enabled {
  --metin-control-art: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] .metin-safebox-footer {
  display: flex;
  justify-content: center;
  margin-top: 5px;
}

html[data-metin-ui] .metin-safebox-footer > button {
  min-width: 88px;
  min-height: 34px;
  padding: 2px 8px;
  font: bold 0.72rem var(--metin-font);
  cursor: pointer;
}

@media (min-width: 1024px) {
  html[data-metin-ui]:has(.metin-overseer) {
    --metin-overseer-bag-width: clamp(15rem, 22vw, 22rem);
  }

  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) {
    --metin-npc-board-width: var(--metin-overseer-bag-width);
  }

  html[data-metin-ui] .metin-overseer.metin-npc-market:not([data-mobile-pager]) ._panels_15cgi_72 {
    grid-template-columns: var(--metin-overseer-bag-width) minmax(0, 1fr) var(--metin-overseer-bag-width);
  }

  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._inventoryColumn_15cgi_28 { grid-area: 1 / 1; }
  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._infoColumn_15cgi_29 { grid-area: 1 / 2; }
  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._shopColumn_15cgi_30 { grid-area: 1 / 3; }

  html[data-metin-ui]:has(.metin-overseer) ._drawerDesktop_1qjpe_149 {
    left: calc(15rem + var(--metin-overseer-bag-width) + 2 * var(--space-4));
    right: calc(var(--metin-overseer-bag-width) + 2 * var(--space-4));
    width: auto;
    transform: none;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._infoColumn_15cgi_29 { grid-area: 1 / 1 / 2 / -1; }
  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._inventoryColumn_15cgi_28 { grid-row: 2; }
  html[data-metin-ui] .metin-overseer:not([data-mobile-pager]) ._shopColumn_15cgi_30 { grid-row: 2; }

  html[data-metin-ui] .metin-overseer ._infoColumn_15cgi_29 > .metin-overseer-npc {
    max-inline-size: none;
  }
}

html[data-metin-ui] [data-mobile-pager="true"] ._shopColumn_15cgi_30 > .metin-safebox {
  --metin-safebox-width: 18rem;
}

html[data-metin-ui] [data-mobile-pager="true"] .metin-safebox ._warehouseWrap_1exg2_1 {
  --inv-mobile-extra-chrome: 6rem;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-safebox :is(._tab_1khz7_160, ._tab_10hm5_1, ._bagToolButton_1khz7_92, .metin-safebox-footer button, .metin-safebox-locked button, ._extraPagesCard_1exg2_57 button) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-safebox-question ._footer_1jcx0_234 button {
    min-height: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-safebox ._tab_1khz7_160[aria-selected="true"] {
    outline: 1px solid Highlight;
    outline-offset: -2px;
  }
}

html[data-metin-ui] .metin-friends-layout {
  display: grid;
  grid-template-columns: minmax(0, 18rem) minmax(0, 35rem);
  align-items: start;
  gap: 14px;
}

html[data-metin-ui] .metin-friends-window {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 8px;
  block-size: clamp(19rem, 59dvh, 34rem);
  padding: 6px 9px 9px;
  min-width: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
}

html[data-metin-ui] .metin-friends-window .metin-friends-title {
  display: grid;
  place-items: center;
  min-height: 30px;
  padding: 2px 6px;
}

html[data-metin-ui] .metin-friends-title h1 {
  margin: 0;
  font-size: 14px;
  text-align: center;
}

html[data-metin-ui] .metin-friends-list {
  min-width: 0;
  overflow-y: auto;
  padding: 4px 2px 4px 3px;
}

html[data-metin-ui] .metin-friends-list > :not(.metin-friends-group) {
  max-width: 100%;
  padding: 5px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-friends-list > :not(.metin-friends-group) :is(h2, h3, p, button) {
  font-size: 13px;
}

html[data-metin-ui] .metin-friends-group > summary {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 1px 2px;
  list-style: none;
  cursor: pointer;
}

html[data-metin-ui] .metin-friends-group > summary::-webkit-details-marker {
  display: none;
}

html[data-metin-ui] .metin-friends-group > summary::before {
  content: "";
  flex: 0 0 15px;
  height: 15px;
  background: url("/metin-ui/friends/close.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-friends-group[open] > summary::before {
  background-image: url("/metin-ui/friends/open.png");
}

html[data-metin-ui] .metin-friends-group > summary h2 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 13px / 1.3 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-friends-group ul {
  display: grid;
  gap: 1px;
  margin: 0 0 4px;
  padding-left: 14px;
  list-style: none;
}

html[data-metin-ui] .metin-friends-group li button {
  display: grid;
  grid-template-columns: 15px minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  width: 100%;
  min-height: 32px;
  padding: 0 2px;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--metin-text);
  font: 13px / 1.3 Tahoma, sans-serif;
  text-align: start;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-friends-group li button:is(:hover, [aria-pressed="true"]) {
  border-color: var(--metin-border);
  background: #4a3727;
}

html[data-metin-ui] .metin-friends-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 30px;
  border-top: 1px solid #55412d;
}

html[data-metin-ui] .metin-friends-action {
  display: block;
  flex: 0 0 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--friend-action-art) center / 21px 18px no-repeat;
}

html[data-metin-ui] .metin-friends-action[data-action="add"] {
  --friend-action-art: url("/metin-ui/friends/add-normal.png");
  --friend-action-hover: url("/metin-ui/friends/add-hover.png");
  --friend-action-pressed: url("/metin-ui/friends/add-pressed.png");
}

html[data-metin-ui] .metin-friends-action[data-action="whisper"] {
  --friend-action-art: url("/metin-ui/friends/whisper-normal.png");
  --friend-action-hover: url("/metin-ui/friends/whisper-hover.png");
  --friend-action-pressed: url("/metin-ui/friends/whisper-pressed.png");
  --friend-action-disabled: url("/metin-ui/friends/whisper-disabled.png");
}

html[data-metin-ui] .metin-friends-action[data-action="remove"] {
  --friend-action-art: url("/metin-ui/friends/remove-normal.png");
  --friend-action-hover: url("/metin-ui/friends/remove-hover.png");
  --friend-action-pressed: url("/metin-ui/friends/remove-pressed.png");
  --friend-action-disabled: url("/metin-ui/friends/remove-disabled.png");
}

html[data-metin-ui] .metin-friends-action[data-action="guild"] {
  --friend-action-art: url("/metin-ui/friends/guild-normal.png");
  --friend-action-hover: url("/metin-ui/friends/guild-hover.png");
  --friend-action-pressed: url("/metin-ui/friends/guild-pressed.png");
}

html[data-metin-ui] .metin-friends-action:is(:hover, :focus-visible) {
  background-image: var(--friend-action-hover);
}

html[data-metin-ui] .metin-friends-action:active {
  background-image: var(--friend-action-pressed);
}

html[data-metin-ui] .metin-friends-action:disabled {
  background-image: var(--friend-action-disabled);
  opacity: 1;
}

html[data-metin-ui] .metin-friends-detail {
  display: grid;
  align-content: start;
  gap: 9px;
  min-width: 0;
}

@media (max-width: 620px) {
  html[data-metin-ui] .metin-friends-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-friends-window {
    width: 100%;
    block-size: min(23rem, 52dvh);
  }

  html[data-metin-ui] .metin-friends-action { flex-basis: 44px; height: 44px; }
  html[data-metin-ui] .metin-friends-group :is(summary, li button) { min-height: 44px; }
}

/* MT2009 ExchangeDialog frame and separator. Each web offer has five columns and three rows. */
html[data-metin-ui] .metin-trade-backdrop {
  box-sizing: border-box;
  bottom: auto;
  height: min(var(--app-height, 100dvh), 100dvh);
  overscroll-behavior: contain;
  background: #000a;
}

html[data-metin-ui] ._main_kyi5p_48:has(> .metin-trade-window) {
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

html[data-metin-ui] .metin-trade-window {
  box-sizing: border-box;
  flex: 0 0 auto;
  width: min(100%, 33rem);
  padding: 7px 7px 8px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-trade-titlebar {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 32px;
  padding-inline: 25px;
  text-align: center;
}

html[data-metin-ui] .metin-trade-titlebar h1 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.82rem var(--metin-font);
  overflow-wrap: anywhere;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-trade-invite ._body_1jcx0_222 > p {
  text-align: center;
}

html[data-metin-ui] .metin-trade-invite ._footer_1jcx0_234 {
  justify-content: center;
}

html[data-metin-ui] .metin-trade-window ._panelButtons_kyi5p_36 {
  gap: 2px;
  margin-top: 5px;
}

html[data-metin-ui] .metin-trade-offers {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 3px 0 1px;
}

html[data-metin-ui] .metin-trade-offers::before {
  content: "";
  position: absolute;
  inset: 2px calc(50% - 2px) 1px;
  background: url("/metin-ui/interactions/trade-divider.png") center / 4px 100% no-repeat;
  pointer-events: none;
}

html[data-metin-ui] .metin-trade-card {
  --inv-gap: 0px;
  --inv-pad: 0px;
  --inv-grid-width: 100%;
  --metin-trade-light: url("/metin-ui/interactions/trade-pending.png");
  min-width: 0;
}

html[data-metin-ui] .metin-trade-card[data-trade-accepted="true"] {
  --metin-trade-light: url("/metin-ui/interactions/trade-accepted.png");
}

html[data-metin-ui] .metin-trade-participant {
  min-width: 0;
  margin: 0 0 3px;
  overflow: hidden;
  color: var(--metin-gold);
  font: bold 0.82rem var(--metin-font);
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-metin-ui] .metin-trade-card ._panelBody_1d1cr_87 {
  background: transparent;
}

html[data-metin-ui] .metin-trade-card ._board_1d1cr_95 {
  padding: 0;
  background: #130f0b;
  box-shadow: none;
}

html[data-metin-ui] .metin-trade-controls {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 28px;
  padding-top: 3px;
}

html[data-metin-ui] .metin-trade-ready {
  position: relative;
  display: flex;
  align-items: center;
  gap: 3px;
  min-width: 0;
}

html[data-metin-ui] .metin-trade-lamp {
  flex: 0 0 20px;
  height: 20px;
  background: var(--metin-trade-light) center / contain no-repeat;
}

html[data-metin-ui] .metin-trade-ready-label {
  min-width: 0;
  color: #bfe2a0;
  font: bold 0.66rem var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-trade-controls:has(.metin-trade-confirm) .metin-trade-ready-label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

html[data-metin-ui] .metin-trade-confirm[data-metin-button] {
  --metin-control-art: url("/metin-ui/small-button-normal.png");
  flex: 1 1 auto;
  min-width: 0;
  min-height: 36px;
  padding: 3px;
  font: bold 0.8rem var(--metin-font);
  overflow-wrap: anywhere;
  cursor: pointer;
}

html[data-metin-ui] .metin-trade-confirm[data-metin-button]:hover:enabled {
  --metin-control-art: url("/metin-ui/small-button-hover.png");
}

html[data-metin-ui] .metin-trade-confirm[data-metin-button]:is(:active, [aria-pressed="true"]):enabled {
  --metin-control-art: url("/metin-ui/small-button-pressed.png");
}

html[data-metin-ui] .metin-trade-window :is(.metin-trade-close, .metin-trade-confirm):focus-visible {
  outline: 1px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-trade-window + ._inventoryColumn_kyi5p_72 {
  width: min(100%, 22.5rem);
}

@media (min-width: 1100px) {
  html[data-metin-ui] .metin-trade-backdrop > ._shell_kyi5p_16 {
    max-width: 86rem;
  }

  html[data-metin-ui] ._main_kyi5p_48:has(> .metin-trade-window) {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }

  html[data-metin-ui] .metin-trade-window {
    width: min(62%, 52rem);
    padding: 10px 12px 12px;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-trade-window :is(.metin-trade-confirm, ._panelButton_kyi5p_36) { min-height: 44px; }
}

@media (max-width: 599px) {
  html[data-metin-ui] .metin-trade-offers {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  html[data-metin-ui] .metin-trade-offers::before { display: none; }

  html[data-metin-ui] .metin-trade-card {
    --inv-grid-width: min(100%, 16rem);
    padding: 5px;
    border: 1px solid transparent;
    border-image: var(--metin-board) 16 / 8px / 0 repeat;
  }
}

/* ShopDialog keeps the native five-column board and its two mode buttons. */
html[data-metin-ui] .metin-npc-shop {
  --metin-shop-width: 16rem;
  align-self: center;
  inline-size: min(100%, var(--metin-shop-width));
  max-inline-size: 100%;
  min-inline-size: 0;
  min-block-size: 328px;
  margin-inline: auto;
}

html[data-metin-ui] .metin-npc-shop ._windowHeader_77xqd_24 {
  min-block-size: 29px;
  margin: 7px 7px 0;
  padding: 0 20px;
}

html[data-metin-ui] .metin-npc-shop ._windowTitle_77xqd_41 {
  font: 700 14px/1.15 var(--metin-font);
  letter-spacing: normal;
  text-transform: none;
}

html[data-metin-ui] .metin-npc-shop ._panelBody_77xqd_51 {
  align-items: center;
  gap: 5px;
  padding-block: 3px 10px;
  background: transparent;
}

html[data-metin-ui] .metin-npc-shop ._board_77xqd_95 {
  --inv-gap: 0px;
  inline-size: calc(100% - 18px);
  max-inline-size: 100%;
  padding: 0;
  border: 0;
  background: #100d0a var(--metin-slot) top left / 20% 12.5% repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-npc-shop ._cell_77xqd_115:not(._selected_xb5gk_116) {
  background: transparent;
  box-shadow: none;
  border: 0;
}

html[data-metin-ui] .metin-npc-shop ._cell_77xqd_115:is(:hover, :focus-visible):not(:disabled) {
  outline: 1px solid var(--metin-highlight);
  outline-offset: -1px;
}

html[data-metin-ui] .metin-npc-shop ._modeRow_77xqd_143 {
  grid-template-columns: repeat(2, minmax(0, 6rem));
  gap: 10px;
  justify-content: center;
  inline-size: calc(100% - 10px);
  padding: 0;
}

html[data-metin-ui] .metin-npc-shop ._modeRow_77xqd_143 button {
  --metin-shop-mode-art: var(--metin-shop-middle);
  min-block-size: 32px;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: var(--metin-shop-mode-art) center / 100% 100% no-repeat;
  box-shadow: none;
  font: 13px/1.1 var(--metin-font);
  color: var(--metin-text);
  text-shadow: var(--metin-text-shadow);
  letter-spacing: normal;
  text-transform: none;
}

html[data-metin-ui] .metin-npc-shop ._modeRow_77xqd_143 button:hover:not(:disabled) {
  --metin-shop-mode-art: var(--metin-shop-middle-hover);
}

html[data-metin-ui] .metin-npc-shop ._modeRow_77xqd_143 button:is([aria-pressed="true"], :active) {
  --metin-shop-mode-art: var(--metin-shop-middle-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-npc-shop ._tabs_77xqd_59 {
  grid-template-columns: repeat(auto-fit, minmax(23px, 1fr));
  inline-size: calc(100% - 20px);
  padding: 0;
  border: 0;
}

html[data-metin-ui] .metin-npc-shop :is(._tab_77xqd_59, ._tabActive_77xqd_68) {
  min-block-size: 30px;
  padding: 1px;
  border: 0;
  font: 12px/1 var(--metin-font);
  color: var(--metin-text);
  background: var(--metin-tab-normal) center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-npc-shop ._tabs_77xqd_59 button:hover {
  background-image: var(--metin-tab-hover);
}

html[data-metin-ui] .metin-npc-shop ._tabs_77xqd_59 button[aria-selected="true"] {
  background-image: var(--metin-tab-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-npc-shop ._lockBanner_77xqd_185 {
  padding: 3px 7px;
  font-size: 11px;
}

html[data-metin-ui] .metin-npc-shop-open {
  align-self: center;
  inline-size: min(100%, 16rem);
  min-block-size: 36px;
  padding: 3px 10px;
}

@media (min-width: 1024px) {
  html[data-metin-ui] .metin-npc-shop {
    --metin-shop-width: clamp(18rem, 23vw, 24rem);
  }

  html[data-metin-ui] :is(.metin-npc-market, .metin-fishing-market):not([data-mobile-pager]) {
    --metin-npc-board-width: clamp(15rem, 22vw, 22rem);
  }

  html[data-metin-ui] .metin-npc-market:not([data-mobile-pager]) ._panels_15cgi_72,
  html[data-metin-ui] .metin-fishing-market:not([data-mobile-pager]) ._panels_122q2_71 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--metin-npc-board-width) var(--metin-npc-board-width);
    align-items: start;
    gap: 12px;
  }

  html[data-metin-ui] .metin-fishing-market:not([data-mobile-pager]) ._panels_122q2_71 {
    grid-template-columns: minmax(0, 1fr) var(--metin-npc-board-width) var(--metin-npc-board-width);
  }

  html[data-metin-ui] :is(.metin-npc-market, .metin-fishing-market):not([data-mobile-pager]) :is(._shopColumn_15cgi_30, ._shopColumn_122q2_29, .metin-npc-bag) {
    inline-size: 100%;
    max-inline-size: 100%;
  }

  html[data-metin-ui] :is(.metin-npc-market, .metin-fishing-market):not([data-mobile-pager]) :is(._infoColumn_15cgi_29, ._infoColumn_122q2_28) > * {
    align-self: start;
    max-inline-size: 520px;
    block-size: auto;
  }

  html[data-metin-ui] :is(.metin-npc-market, .metin-fishing-market):not([data-mobile-pager]) .metin-npc-bag ._inventoryCard_1khz7_2 {
    --inv-gap: 0px;
    --inv-pad: 0px;
    --inv-grid-width: calc(var(--metin-npc-board-width) - 16px);
    inline-size: var(--metin-npc-board-width);
    max-inline-size: 100%;
  }

  html[data-metin-ui] .metin-npc-bag ._windowHeader_1khz7_34 {
    min-block-size: 29px;
    margin: 7px 7px 0;
    padding: 0 7px;
  }

  html[data-metin-ui] .metin-npc-bag ._windowTitle_1khz7_51 {
    font: 700 14px/1.15 var(--metin-font);
    letter-spacing: normal;
    text-transform: none;
  }

  html[data-metin-ui] .metin-npc-bag :is(._board_1khz7_323, ._boardParked_1khz7_324) {
    padding: 0;
    border: 0;
    background: #120e09;
    box-shadow: none;
  }

  html[data-metin-ui] .metin-npc-bag ._tabs_1khz7_160 {
    padding-inline: 7px;
    gap: 1px;
  }

  html[data-metin-ui] .metin-npc-bag ._tabs_1khz7_160 ._tab_1khz7_160 {
    min-block-size: 30px;
    padding: 1px;
    font-size: 11px;
  }

  html[data-metin-ui] .metin-npc-bag ._bagTools_1khz7_79 {
    gap: 2px;
    padding: 3px 5px 5px;
  }

  html[data-metin-ui] .metin-npc-bag ._bagToolButton_1khz7_92 {
    min-block-size: 32px;
    padding: 2px;
    font-size: 10px;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-npc-shop {
    --metin-shop-width: 24rem;
  }

  html[data-metin-ui] .metin-npc-shop :is(._modeRow_77xqd_143 button, ._tabs_77xqd_59 button),
  html[data-metin-ui] .metin-npc-shop-open {
    min-block-size: 44px;
  }
}

/* Teleporter quest speech and uiQuest BarButton states. */
html[data-metin-ui] .metin-npc-hub-gate {
  align-self: center;
  width: min(100%, 52rem);
  margin-inline: auto;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-body {
  display: grid;
  justify-content: stretch;
  gap: 12px;
  padding: 14px 20px;
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-speech {
  display: grid;
  gap: 6px;
  padding: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-npc-hub-destination {
  padding-bottom: 6px;
  border-bottom: 1px solid var(--metin-border);
  color: var(--metin-gold);
  font: 700 14px / 1.4 var(--metin-font);
}

html[data-metin-ui] .metin-npc-hub-speech ._message_13dsb_21 {
  color: var(--metin-text);
  font: 14px / 1.45 var(--metin-font);
}

html[data-metin-ui] .metin-npc-hub-speech .metin-npc-hub-price {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-self: center;
  gap: 5px;
  width: min(100%, 30rem);
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-actions > button {
  width: 100%;
  min-width: 0;
  min-height: 37px;
  padding: 4px 8px;
  border: 1px solid #a7a6a64d;
  border-image: none;
  border-radius: 0;
  background: #99999940;
  color: #f5f2ea;
  box-shadow: none;
  font: 700 13px / 1.3 var(--metin-font);
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-actions > button:is(:hover, :focus-visible):enabled {
  background: #ddddff40;
}

html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-actions > button:active:enabled {
  background: #aaaacc40;
}

html[data-metin-ui] .metin-npc-hub-scroll-label {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 5px;
  width: 100%;
}

html[data-metin-ui] .metin-npc-hub-scroll-label img {
  object-fit: contain;
  background: var(--metin-slot) center / contain no-repeat;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-body {
    padding: 12px 9px;
  }

  html[data-metin-ui] .metin-npc-hub-gate .metin-npc-hub-actions > button {
    min-height: 44px;
  }
}

html[data-metin-ui] [data-metin-npc-quests] {
  --metin-quest-width: 33rem;
  border: 0;
  background: transparent;
}

html[data-metin-ui] [data-metin-npc-quests] > ._heading_5va06_34 {
  align-self: center;
  width: min(100%, var(--metin-quest-width));
  padding: 4px 8px;
  color: var(--metin-gold);
  font: 700 14px / 1.3 Tahoma, sans-serif;
  letter-spacing: 0;
  text-align: center;
  text-transform: none;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
}

html[data-metin-ui] [data-metin-npc-quests] > ._content_5va06_48 {
  justify-content: center;
  padding: 5px 0;
}

html[data-metin-ui] [data-metin-npc-quests][data-mode="dialogue"] > ._heading_5va06_34 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

html[data-metin-ui] [data-metin-npc-quests] ._offerList_5va06_93 {
  width: min(100%, var(--metin-quest-width));
  padding: 8px 14px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] [data-metin-npc-quests] ._offerButton_5va06_103[data-kind="quest"] img {
  padding: 1px;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] [data-metin-npc-quests] ._offerButton_5va06_103[data-status="ready"] img[src="/metin-ui/quest-scroll-close.png"] {
  content: url("/metin-ui/quest-scroll-open.png");
}

html[data-metin-ui] [data-metin-npc-quests] ._offerBadge_5va06_194 {
  max-width: 40%;
  color: var(--metin-muted);
  font: 10px / 1.2 Tahoma, sans-serif;
  text-align: end;
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-board {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  align-self: center;
  gap: 9px;
  width: min(100%, var(--metin-quest-width));
  height: min(26rem, 67dvh);
  max-height: 100%;
  padding: 12px 20px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #745c3c;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-heading img {
  flex: 0 0 27px;
  object-fit: contain;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-heading h4 {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  font: 700 13px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] [data-metin-npc-quests] ._dialogueScroll_5va06_220 {
  min-width: 0;
  padding: 1px 3px;
  overflow: auto;
}

html[data-metin-ui] [data-metin-npc-quests] ._dialogueBody_5va06_246 {
  font: 14px / 1.45 Tahoma, sans-serif;
}

html[data-metin-ui] [data-metin-npc-quests] ._speechLog_huygo_9 {
  gap: 5px;
}

html[data-metin-ui] [data-metin-npc-quests] ._speechLog_huygo_9 > p {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] [data-metin-npc-quests] ._actions_5va06_256,
html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-choices {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-choices {
  margin-top: 7px;
}

html[data-metin-ui] [data-metin-npc-quests] :is(._actions_5va06_256, .metin-npc-quest-choices) > button {
  flex: 0 1 auto;
  min-width: min(100%, 100px);
  min-height: 34px;
  padding: 3px 7px;
  color: var(--metin-text);
  background: #99999940;
  border: 1px solid #a7a6a64d;
  border-image: none;
  border-radius: 0;
  font: 700 13px / 1.25 Tahoma, sans-serif;
  white-space: normal;
}

html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-choices > button {
  width: min(100%, 200px);
}

html[data-metin-ui] [data-metin-npc-quests] :is(._actions_5va06_256, .metin-npc-quest-choices) > button:is(:hover, :focus-visible):enabled {
  background: #ddddff40;
}

html[data-metin-ui] [data-metin-npc-quests] :is(._actions_5va06_256, .metin-npc-quest-choices) > button:active:enabled {
  background: #aaaacc40;
}

html[data-metin-ui] [data-metin-npc-quests] ._hint_5va06_263 {
  text-align: center;
}

@media (max-width: 430px) {
  html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-board {
    padding-inline: 11px;
  }
}

@media (min-width: 768px) {
  html[data-metin-ui] [data-metin-npc-quests] {
    --metin-quest-width: clamp(40rem, 56vw, 58rem);
  }

  html[data-metin-ui] [data-metin-npc-quests] .metin-npc-quest-board {
    height: min(32rem, 67dvh);
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] [data-metin-npc-quests] :is(._offerButton_5va06_103, ._actions_5va06_256 > button, .metin-npc-quest-choices > button) {
    min-height: 44px;
  }
}

/* QuestDialog's BarButton choices and CharacterWindow quest-slot details. */
html[data-metin-ui] .metin-quest-dialog-details {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: min(100%, 460px);
  margin: 5px auto 0;
  padding: 0;
  gap: 4px;
  list-style: none;
}

html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list button {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 4px 6px;
  border: 1px solid #a7a6a64d;
  border-image: none;
  border-radius: 0;
  background: #99999940;
  color: #f5f2ea;
  box-shadow: none;
  font: 700 13px / 1.3 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list button:is(:hover, :focus-visible):enabled {
  background: #ddddff40;
}

html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list button:active:enabled {
  background: #aaaacc40;
}

html[data-metin-ui] .metin-quest-answer-feedback {
  margin: 0;
  padding: 5px 6px;
  border: 1px solid #8b5640;
  background: #2a1711;
  color: #f4c1a0;
  font: 13px / 1.4 Tahoma, sans-serif;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-quest-objective {
  display: grid;
  grid-template-columns: 29px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 3px 6px;
  border: 1px solid #60472e;
  background: url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x #34271b;
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-quest-objective img {
  width: 29px;
  height: 29px;
  padding: 2px;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-quest-objective strong {
  padding: 3px 6px;
  background: url("/metin-ui/field.png") center / 100% 100% no-repeat #110d08;
  color: var(--metin-text);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-quest-rewards {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 6px;
  margin: 0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-quest-rewards ._rewardsHeading_huygo_42 {
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #60472e;
  background: url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x #34271b;
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-quest-rewards ._rewardsRow_huygo_51 {
  align-items: center;
  min-width: 0;
  margin: 0;
  padding: 0;
  gap: 4px;
  list-style: none;
}

html[data-metin-ui] .metin-quest-rewards ._rewardsRow_huygo_51 > li {
  min-width: 0;
}

html[data-metin-ui] .metin-quest-rewards .metin-quest-reward {
  min-width: 0;
  min-height: 32px;
  padding: 3px 5px;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: url("/metin-ui/field.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-quest-rewards .metin-quest-reward._item_1a6v4_20 {
  padding: 0;
  background: none;
}

html[data-metin-ui] .metin-quest-rewards .metin-quest-reward._item_1a6v4_20 button {
  width: 44px;
  height: 44px;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-quest-rewards .metin-quest-reward._item_1a6v4_20 ._chrome_xb5gk_153 {
  display: none;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list {
    width: min(100%, 36rem);
  }
}

@media (min-width: 1440px) {
  html[data-metin-ui] ._card_1weem_1:has(.metin-quest-dialog-details) {
    height: auto;
  }

  html[data-metin-ui] ._card_1weem_1:has(.metin-quest-dialog-details) > div:last-child,
  html[data-metin-ui] ._card_1weem_1:has(.metin-quest-dialog-details) ._body_1weem_58 {
    flex: 0 0 auto;
  }
}

@media (max-width: 640px), (pointer: coarse) {
  html[data-metin-ui] .metin-quest-dialog-details .metin-quest-answer-list button {
    min-height: 44px;
  }
}

/* ExchangeItemsDialog places material slots beside the result, chance and Yang. */
html[data-metin-ui] .metin-uriel-exchange {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 228px), 1fr));
  align-items: start;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] :is(.metin-uriel-materials, .metin-uriel-terms, .metin-event-exchange ._group_p7o06_15) {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] :is(.metin-uriel-materials ._progress_19b5u_28, .metin-event-exchange ._groupLabel_p7o06_22) {
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #60472e;
  border-radius: 0;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-uriel-materials ._grid_19b5u_129 {
  grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
  gap: 3px;
  width: min(100%, 252px);
  max-width: none;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-uriel-materials ._slotWrap_19b5u_137 {
  min-width: 0;
  min-height: 44px;
  border-radius: 0;
}

html[data-metin-ui] :is(.metin-uriel-materials ._slotFace_19b5u_143, .metin-event-exchange-item > button) {
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] :is(.metin-uriel-materials ._slotFace_19b5u_143, .metin-event-exchange-item > button):is(:hover, :focus-visible) {
  background-image: url("/metin-ui/slot-selected.png");
  outline: 1px solid #ae8452;
  outline-offset: -1px;
}

html[data-metin-ui] .metin-uriel-materials [data-book="filled"] ._slotFace_19b5u_143 {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] :is(.metin-uriel-materials, .metin-event-exchange-item) ._chrome_xb5gk_153 {
  display: none;
}

html[data-metin-ui] .metin-uriel-terms ._metaRow_19b5u_10 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 80px), 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-uriel-terms ._chip_19b5u_16,
html[data-metin-ui] .metin-event-exchange-limit {
  display: flex;
  align-items: center;
  gap: 3px;
  min-height: 27px;
  margin: 0;
  padding: 3px 5px;
  border: 1px solid #543c27;
  border-radius: 0;
  background: url("/metin-ui/field.png") center / 100% 100% no-repeat #100c09;
  color: var(--metin-text);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-uriel-yang img {
  flex: none;
  object-fit: contain;
}

html[data-metin-ui] .metin-uriel-terms ._boostLabel_19b5u_35 {
  min-height: 44px;
  max-width: none;
  border-color: #60472e;
  border-radius: 0;
  background: #221911;
  font-size: 12px;
}

html[data-metin-ui] .metin-uriel-terms ._boostCheckbox_19b5u_59 {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 0;
  background: url("/metin-ui/check-box.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-uriel-terms ._boostCheckbox_19b5u_59:checked::after {
  width: 16px;
  height: 16px;
  border: 0;
  background: url("/metin-ui/check-mark.png") center / contain no-repeat;
  transform: none;
}

html[data-metin-ui] .metin-uriel-exchange ._actions_19b5u_154 {
  grid-column: 1 / -1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  max-width: 450px;
}

html[data-metin-ui] .metin-uriel-exchange ._actionBtn_19b5u_162 {
  --metin-uriel-action: url("/metin-ui/large-button-normal.png");
  min-width: 0;
  min-height: 35px;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-image: var(--metin-uriel-action) 6 9 fill / 6px 9px / 0 stretch;
  border-radius: 0;
  background: #211911;
  color: var(--metin-gold);
  box-shadow: none;
  font: 700 13px / 1.2 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-uriel-exchange ._actionBtn_19b5u_162:is(:hover, :focus-visible):enabled {
  --metin-uriel-action: url("/metin-ui/large-button-hover.png");
}

html[data-metin-ui] .metin-uriel-exchange ._actionBtn_19b5u_162:active:enabled {
  --metin-uriel-action: url("/metin-ui/large-button-pressed.png");
}

html[data-metin-ui] .metin-event-exchange ._row_p7o06_8 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr);
  align-items: stretch;
  gap: 3px;
  min-width: 0;
}

html[data-metin-ui] .metin-event-exchange ._arrow_p7o06_37 {
  display: grid;
  place-items: center;
  align-self: stretch;
  color: var(--metin-gold);
  background: url("/metin-ui/interactions/trade-divider.png") center / 4px 100% no-repeat;
  font-size: 16px;
  text-shadow: 0 0 2px #100d09;
}

html[data-metin-ui] .metin-event-exchange ._cards_p7o06_31 {
  align-items: center;
  gap: 4px;
  min-width: 0;
}

html[data-metin-ui] .metin-event-exchange :is(.metin-event-exchange-item, .metin-event-exchange-yang) {
  min-height: 44px;
  padding: 2px;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-event-exchange[data-limit="reached"] .metin-event-exchange-limit {
  color: #f4c890;
}

@media (max-width: 640px), (pointer: coarse) {
  html[data-metin-ui] .metin-uriel-materials {
    padding-inline: 4px;
  }

  html[data-metin-ui] .metin-uriel-materials ._grid_19b5u_129 {
    gap: 1px;
  }

  html[data-metin-ui] .metin-uriel-exchange ._actionBtn_19b5u_162 {
    min-height: 44px;
  }
}

/* GuildWindow board, footer tabs and parameter slots from the Polish mt2009 client. */
html[data-metin-ui] .metin-guild-window {
  --guild-value-slot: url("/metin-ui/entry/parameter-wide.png");
  width: min(100%, 80rem);
  min-height: min(32rem, 75vh);
  gap: 8px;
  margin-inline: auto;
  padding: 7px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-guild-window:has(.metin-guild-tabs [aria-selected="true"]:is([data-tab-key="overview"], [data-tab-key="notices"])) {
  width: min(100%, 62rem);
}

html[data-metin-ui] .metin-guild-window > ._beforeTabs_1nw2n_10 {
  position: static;
  width: auto;
  height: auto;
  flex: none;
  order: 1;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-guild-title {
  display: grid;
  position: relative;
  place-items: center;
  min-height: 30px;
  margin: 0;
  padding: 2px 22px;
}

html[data-metin-ui] .metin-guild-title h1 {
  margin: 0;
  font: 700 14px/17px var(--metin-heading-font);
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-guild-window > .metin-guild-content {
  container: guild-content / inline-size;
  order: 2;
  min-width: 0;
  padding: 2px 2px 0;
}

html[data-metin-ui] .metin-guild-window > [data-sticky-hub] {
  order: 3;
  position: sticky;
  top: auto;
  bottom: 0;
  z-index: var(--z-sticky);
  height: auto;
  margin: 0;
  border: 1px solid #5c4b37;
  background: url("/metin-ui/guild/tab-rail.png") left center / 80px 100% repeat-x #201a15;
  box-shadow: 0 -2px 6px #09060396;
}

html[data-metin-ui] .metin-guild-window > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-guild-window > [data-sticky-hub] .metin-guild-tabs {
  width: min(100%, 40rem);
  height: auto;
  margin-inline: auto;
  padding: 1px 0;
  border: 0;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-guild-tabs [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  padding: 0;
  overflow: visible;
}

html[data-metin-ui] .metin-guild-tabs [data-tab-key="overview"] {
  --guild-tab-art: url("/metin-ui/guild/tab-overview.png");
  --guild-tab-active: url("/metin-ui/guild/tab-overview-selected.png");
}

html[data-metin-ui] .metin-guild-tabs [data-tab-key="notices"] {
  --guild-tab-art: url("/metin-ui/guild/tab-notices.png");
  --guild-tab-active: url("/metin-ui/guild/tab-notices-selected.png");
}

html[data-metin-ui] .metin-guild-tabs [data-tab-key="members"] {
  --guild-tab-art: url("/metin-ui/guild/tab-members.png");
  --guild-tab-active: url("/metin-ui/guild/tab-members-selected.png");
}

html[data-metin-ui] .metin-guild-tabs [data-tab-key="territory"] {
  --guild-tab-art: url("/metin-ui/guild/tab-territory.png");
  --guild-tab-active: url("/metin-ui/guild/tab-territory-selected.png");
}

html[data-metin-ui] .metin-guild-tabs [data-tab-key="wars"] {
  --guild-tab-art: url("/metin-ui/guild/tab-wars.png");
  --guild-tab-active: url("/metin-ui/guild/tab-wars-selected.png");
}

html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-width: 0;
  min-height: 49px;
  height: auto;
  padding: 1px 2px 4px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--metin-text);
  box-shadow: none;
  font: 600 11px/1.05 var(--metin-font);
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"]::before {
  content: "";
  display: block;
  position: static;
  flex: none;
  width: min(100%, 62px);
  height: 30px;
  background: var(--guild-tab-art) center / contain no-repeat;
  pointer-events: none;
}

html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"]::after {
  content: none;
}

html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"]:is(:hover, :focus-visible, [aria-selected="true"]) {
  background-color: #d2a86317;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"]:is(:hover, :focus-visible, [aria-selected="true"])::before {
  background-image: var(--guild-tab-active);
}

html[data-metin-ui] .metin-guild-tabs ._label_1ic98_99 {
  display: block;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}

/* GuildWindowInfoPage pairs captions with recessed value slots. */
html[data-metin-ui] .metin-guild-window ._root_1l44f_1 {
  padding: 5px;
}

html[data-metin-ui] .metin-guild-window ._root_kgnzo_1 :is(._paddingLg_11w98_135, ._paddingMd_11w98_131) {
  padding: 8px;
}

html[data-metin-ui] .metin-guild-window :is(._root_kgnzo_1, ._noGuildLayout_kgnzo_30, ._form_d829v_79, ._sections_1426q_36) {
  gap: 8px;
}

html[data-metin-ui] .metin-guild-window ._identity_1l44f_15 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
}

html[data-metin-ui] .metin-guild-window ._lead_1l44f_33 {
  gap: 9px;
}

html[data-metin-ui] .metin-guild-window ._avatarColumn_1l44f_40 {
  gap: 4px;
  width: 78px;
}

html[data-metin-ui] .metin-guild-window ._avatarWrap_1l44f_49 {
  width: 60px;
}

html[data-metin-ui] .metin-guild-window ._avatarColumn_1l44f_40 ._actions_flv2e_37 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

html[data-metin-ui] .metin-guild-window ._avatarColumn_1l44f_40 ._actions_flv2e_37 button {
  min-width: 0;
  padding-inline: 3px;
  font-size: 11px;
}

html[data-metin-ui] .metin-guild-window :is(._titleBlock_1l44f_61, ._nameRow_1l44f_70) {
  gap: 4px;
}

html[data-metin-ui] .metin-guild-window ._metaLine_1l44f_94 {
  font-size: 12px;
}

html[data-metin-ui] .metin-guild-window ._statGrid_1l44f_102 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 8px;
}

html[data-metin-ui] .metin-guild-window ._statCell_1l44f_122 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 4px;
  min-height: 23px;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-guild-window :is(._statLabel_1l44f_135, ._xpLabel_1l44f_162) {
  color: var(--metin-gold);
  font-weight: 600;
  letter-spacing: normal;
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-window :is(._name_1l44f_70, ._statValue_1l44f_142, .metin-guild-value) {
  min-width: 0;
  margin: 0;
  padding: 2px 7px;
  border: 1px solid transparent;
  border-image: var(--guild-value-slot) 4 fill / 4px / 0 stretch;
  color: var(--metin-text);
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-window ._name_1l44f_70 {
  color: var(--metin-gold);
  font: 700 14px/1.15 var(--metin-heading-font);
}

html[data-metin-ui] .metin-guild-window ._statValue_1l44f_142 {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 19px;
  padding: 1px 4px;
  font-size: 11px;
  line-height: 1.2;
  text-align: center;
}

html[data-metin-ui] .metin-guild-window ._xpBlock_1l44f_150 {
  gap: 3px;
  margin-top: 0;
  padding-top: 7px;
}

html[data-metin-ui] .metin-guild-window ._summaryGrid_kgnzo_41 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

html[data-metin-ui] .metin-guild-window ._summaryLink_kgnzo_55 {
  min-height: 38px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-window ._summaryValue_kgnzo_66 {
  font-size: 17px;
}

html[data-metin-ui] .metin-guild-window ._summaryLabel_kgnzo_72 {
  font-size: 11px;
}

html[data-metin-ui] .metin-guild-window ._root_kgnzo_1 ._content_1koi6_32 {
  gap: 7px;
  padding-top: 8px;
}

html[data-metin-ui] .metin-guild-window ._form_1426q_44 {
  padding: 7px;
}

html[data-metin-ui] .metin-guild-window ._controlRow_1426q_59 {
  gap: 6px;
}

html[data-metin-ui] .metin-guild-window ._controlRow_1426q_59 > :first-child {
  flex-basis: 8.5rem;
}

html[data-metin-ui] .metin-guild-window .metin-guild-xp {
  display: grid;
  align-items: center;
  min-height: 13px;
  padding: 3px 5px;
  background: url("/metin-ui/guild/gauge.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-guild-window .metin-guild-xp ._track_9w63p_8 {
  height: 7px;
  border: 0;
  border-radius: 0;
  background: #120e09;
  box-shadow: none;
}

html[data-metin-ui] .metin-guild-window .metin-guild-xp ._fill_9w63p_47 {
  border-radius: 0;
  background: linear-gradient(#fcdf77, #9f6417);
}

/* The existing editable board also powers the focused notices tab. */
html[data-metin-ui] .metin-guild-window ._root_10u25_1 {
  gap: 8px;
  padding: 9px;
}

html[data-metin-ui] .metin-guild-window ._createForm_10u25_28 {
  gap: 6px;
  padding: 8px;
  border-color: #655139;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: inset 0 1px 5px #000b;
}

html[data-metin-ui] .metin-guild-window ._itemPinned_10u25_93 {
  border-inline-start-color: #b38b48;
}

html[data-metin-ui] .metin-guild-window ._pinnedBadge_10u25_106::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 10px;
  margin-inline-end: 4px;
  background: url("/metin-ui/guild/notice-mark.png") center no-repeat;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-guild-window:has(.metin-guild-tabs [aria-selected="true"]:is([data-tab-key="overview"], [data-tab-key="notices"])) {
    min-height: min(31rem, 70dvh);
  }

  html[data-metin-ui] .metin-guild-window:has(.metin-guild-tabs [aria-selected="true"]:is([data-tab-key="overview"], [data-tab-key="notices"])) > .metin-guild-content {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #7a6548 #221910;
    scrollbar-gutter: stable;
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-guild-window {
    --guild-chat-clearance: calc(48px + var(--space-3, 12px) + 3px);
    min-height: min(28rem, 70vh);
    gap: 5px;
    margin-block-end: var(--guild-chat-clearance);
    padding: 5px;
  }

  html[data-metin-ui] .metin-guild-window > [data-sticky-hub] {
    bottom: var(--guild-chat-clearance);
  }

  html[data-metin-ui] .metin-guild-tabs button[role="tab"] { min-block-size: 44px; }
}

@media (max-width: 350px) {
  html[data-metin-ui] .metin-guild-window .metin-guild-tabs button[role="tab"] {
    font-size: 10px;
  }

  html[data-metin-ui] .metin-guild-window ._statGrid_1l44f_102 {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* GuildWindow_MemberPage uses Parameter_Slot_03 for names and _00 for job and level. */
html[data-metin-ui] .metin-guild-members {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

html[data-metin-ui] .metin-guild-member-tools {
  display: grid;
  align-items: start;
  gap: 0.55rem;
  min-width: 0;
}

html[data-metin-ui] .metin-guild-member-tool {
  min-width: 0;
  padding: 0.4rem;
  border: 7px solid transparent;
  border-image: var(--metin-board) 16 / 7px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-guild-member-tool-title,
html[data-metin-ui] .metin-guild-roster ._titleRow_1koi6_60 {
  margin: 0;
  min-height: 2rem;
  padding: 0.35rem 0.6rem;
  color: var(--metin-gold);
  font: 700 0.875rem / 1.4 var(--metin-font);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
}

html[data-metin-ui] .metin-guild-member-tool-title {
  cursor: pointer;
}

html[data-metin-ui] .metin-guild-member-tool-body {
  padding: 0.55rem 0.25rem 0.25rem;
}

html[data-metin-ui] .metin-guild-member-tool-body ._form_1d3pd_14,
html[data-metin-ui] .metin-guild-member-tool-body ._actions_mq661_14,
html[data-metin-ui] .metin-guild-member-tool-body ._promoteForm_mq661_21 {
  gap: 0.5rem;
}

html[data-metin-ui] .metin-guild-member-tool-body ._form_1d3pd_14 > ._root_fldva_1 {
  flex: 1 1 12rem;
  min-width: 0;
}

html[data-metin-ui] .metin-guild-member-tool-body ._roleSelect_mq661_30 {
  min-width: 0;
}

html[data-metin-ui] .metin-guild-roster {
  min-width: 0;
}

html[data-metin-ui] .metin-guild-roster ._titleRow_1koi6_60 {
  align-items: center;
  gap: 0.5rem;
}

html[data-metin-ui] .metin-guild-roster ._titleInRow_1koi6_70 {
  margin: 0;
  font-size: 0.9rem;
  color: inherit;
}

html[data-metin-ui] .metin-guild-roster ._content_1koi6_32 {
  min-width: 0;
  padding-top: 0.4rem;
}

html[data-metin-ui] .metin-guild-roster-scroll {
  max-height: min(35rem, 55dvh);
  overflow: auto;
  scrollbar-color: var(--metin-border) var(--metin-recess);
}

html[data-metin-ui] .metin-guild-roster-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  table-layout: fixed;
  color: var(--metin-text);
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-roster-table :is(th, td) {
  min-width: 0;
  padding: 0;
  vertical-align: middle;
  text-align: center;
}

html[data-metin-ui] .metin-guild-roster-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 0.4rem 0.25rem;
  color: var(--metin-gold);
  background: #24190f url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x;
  font-weight: 700;
}

html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="name"] { width: 15%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="rank"] { width: 11%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="class"] { width: 9%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="level"] { width: 7%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="contribution"] { width: 10%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="war"] { width: 10%; }
html[data-metin-ui] .metin-guild-roster-table th[data-roster-cell="activity"] { width: 13%; }

html[data-metin-ui] .metin-guild-roster-table td {
  background: #150f09;
  border: 1px solid #3b3022;
}

html[data-metin-ui] .metin-guild-roster-table tbody tr:nth-child(even) td {
  background-color: #1d150e;
}

html[data-metin-ui] .metin-guild-roster-value {
  min-width: 0;
  padding: 0.3rem 0.35rem;
}

html[data-metin-ui] .metin-guild-roster-label {
  display: none;
}

html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] .metin-guild-roster-value {
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 5 9 fill / 5px 9px / 0 stretch;
  font-weight: 700;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] a {
  display: block;
  padding-block: 0.12rem;
  color: inherit;
}

html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] a:is(:hover, :focus-visible) {
  color: var(--metin-highlight);
  text-decoration: underline;
}

html[data-metin-ui] .metin-guild-roster-table :is([data-roster-cell="class"], [data-roster-cell="level"], [data-roster-cell="contribution"]) .metin-guild-roster-value {
  border: 1px solid transparent;
  border-image: url("/metin-ui/status/value-small.png") 5 8 fill / 5px 8px / 0 stretch;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-guild-roster-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.25rem;
}

html[data-metin-ui] .metin-guild-roster-actions button {
  min-height: 30px;
  min-width: 0;
  padding-inline: 0.4rem;
  white-space: normal;
}

@container guild-content (width >= 920px) {
  html[data-metin-ui] .metin-guild-member-tools:has(> :nth-child(2)) {
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  }
}

@container guild-content (width < 920px) {
  html[data-metin-ui] .metin-guild-roster > ._body_11w98_56 {
    padding: 9px;
  }

  html[data-metin-ui] .metin-guild-roster-scroll {
    max-height: none;
    overflow: visible;
  }

  html[data-metin-ui] .metin-guild-roster-table {
    display: block;
  }

  html[data-metin-ui] .metin-guild-roster-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  html[data-metin-ui] .metin-guild-roster-table tbody {
    display: grid;
    gap: 0.45rem;
  }

  html[data-metin-ui] .metin-guild-roster-table tbody tr {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 3px;
    padding: 0.3rem;
    background: var(--metin-board-fill) repeat var(--metin-surface);
    border: 6px solid transparent;
    border-image: var(--metin-board) 16 / 6px / 0 repeat;
  }

  html[data-metin-ui] .metin-guild-roster-table td {
    display: grid;
    grid-template-rows: auto 1fr;
    align-content: start;
  }

  html[data-metin-ui] .metin-guild-roster-table td:is([data-roster-cell="name"], [data-roster-cell="actions"]) {
    grid-column: 1 / -1;
  }

  html[data-metin-ui] .metin-guild-roster-label {
    display: block;
    padding: 0.1rem 0.15rem;
    color: var(--metin-muted);
    font-size: 0.6875rem;
  }

  html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] .metin-guild-roster-label {
    display: none;
  }

  html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] .metin-guild-roster-value {
    padding-block: 0;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-guild-member-tool-title, .metin-guild-roster-actions button, .metin-guild-member-tool-body button) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-guild-member-tool-title {
    align-content: center;
  }

  html[data-metin-ui] .metin-guild-roster-table [data-roster-cell="name"] a {
    display: grid;
    min-height: 44px;
    place-items: center;
  }
}

@media (max-width: 419px) {
  html[data-metin-ui] .metin-guild-member-tool-body :is(._form_1d3pd_14, ._promoteForm_mq661_21) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-guild-member-tool-body ._promoteForm_mq661_21 {
    flex: 1 1 100%;
  }

  html[data-metin-ui] .metin-guild-member-tool-body ._actions_mq661_14 > button,
  html[data-metin-ui] .metin-guild-roster-actions button {
    flex: 1 1 auto;
  }
}


/* GuildWindow_BaseInfoPage groups the territory name slot above horizontal information bars. */
html[data-metin-ui] .metin-guild-territory {
  display: grid;
  align-items: start;
  gap: 0.65rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-territory :is(.metin-territory-board, .metin-territory-live) {
  min-width: 0;
}

html[data-metin-ui] .metin-guild-territory :is(.metin-territory-board, .metin-territory-live) > ._body_11w98_56 {
  padding: clamp(0.45rem, 1.5vw, 1rem);
}

html[data-metin-ui] .metin-territory-board ._title_1koi6_51,
html[data-metin-ui] .metin-territory-raid ._logHeader_19010_455 {
  min-height: 1.85rem;
  margin: 0;
  padding: 0.35rem 0.55rem;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
  font-size: 0.9rem;
  line-height: 1.35;
}

html[data-metin-ui] .metin-territory-board ._content_1koi6_32 {
  min-width: 0;
  padding-top: 0.5rem;
}

html[data-metin-ui] .metin-territory-directory .metin-territory-cap {
  margin: 0;
  padding: 0.35rem 0.55rem;
  color: var(--metin-gold);
  border: 1px solid #665239;
  background: var(--metin-recess);
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-territory-directory .metin-territory-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.5rem;
}

html[data-metin-ui] .metin-territory-directory .metin-territory-item {
  --metin-territory-accent: #6a5640;
  min-width: 0;
  padding: 0.55rem;
  border: 1px solid var(--metin-territory-accent);
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-territory-item[data-territory-control="owned"] {
  --metin-territory-accent: #686d43;
}

html[data-metin-ui] .metin-territory-item[data-territory-control="enemy"] {
  --metin-territory-accent: #865748;
}

html[data-metin-ui] .metin-territory-item ._primary_130nc_29 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.45rem;
}

html[data-metin-ui] .metin-territory-item ._titleRow_130nc_37 {
  gap: 0.35rem;
}

html[data-metin-ui] .metin-territory-item ._bossThumb_130nc_45 {
  border-radius: 0;
  border: 1px solid transparent;
  background: var(--metin-slot) center / 100% 100% no-repeat var(--metin-recess);
  box-shadow: none;
}

html[data-metin-ui] .metin-territory-name {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0.35rem;
  min-width: 0;
  min-height: 2rem;
  margin: 0;
  padding: 0.35rem 0.45rem;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 5 9 fill / 5px 9px / 0 stretch;
  color: var(--metin-gold);
  font-weight: 700;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-territory-name::before {
  content: "";
  flex: 0 0 12px;
  height: 12px;
  background: url("/metin-ui/guild/territory-mark.png") center / contain no-repeat;
  image-rendering: pixelated;
}

html[data-metin-ui] .metin-territory-item :is(._badges_130nc_89, ._rewards_130nc_107) {
  justify-content: flex-start;
  gap: 0.3rem;
  margin: 0;
  min-width: 0;
}

html[data-metin-ui] .metin-territory-item ._rewards_130nc_107 {
  margin-top: auto;
  padding-top: 0.35rem;
  border-top: 1px solid #6551397f;
}

html[data-metin-ui] .metin-territory-board-history ._historyList_fbxgr_20 {
  gap: 0.35rem;
}

html[data-metin-ui] .metin-territory-board-history ._historyItem_fbxgr_29 {
  flex-wrap: wrap;
  min-width: 0;
  gap: 0.35rem;
  padding: 0.4rem 0.5rem;
  border: 1px solid #665239;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-territory-board-history ._historyName_fbxgr_51,
html[data-metin-ui] .metin-territory-board-owned ._name_1luia_13 {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-territory-boss-popover .metin-territory-boss-stats {
  border-image: var(--metin-board-gold) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: #17110c;
}

html[data-metin-ui] .metin-territory-boss-dialog .metin-territory-boss-stats {
  border: 0;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-territory-boss-dialog .metin-territory-boss-stats > [aria-hidden="true"],
html[data-metin-ui] .metin-territory-boss-popover .metin-territory-boss-stats > [aria-hidden="true"] {
  display: none;
}

/* TargetBoard's tiled HP gauge also frames both raid HP counters. */
html[data-metin-ui] .metin-territory-raid {
  display: grid;
  min-width: 0;
  gap: 0.55rem;
}

html[data-metin-ui] .metin-territory-raid ._stage_19010_7 {
  min-width: 0;
  gap: 0.45rem;
  padding: 0.5rem;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: none;
}

html[data-metin-ui] .metin-territory-raid ._header_19010_75 {
  min-width: 0;
  padding: 0.25rem 0.45rem;
}

html[data-metin-ui] .metin-territory-raid ._title_19010_83 {
  color: var(--metin-gold);
  font-size: clamp(0.875rem, 2vw, 1.08rem);
  letter-spacing: normal;
  text-transform: none;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-territory-raid :is(._bossTrack_19010_122, ._partyTrack_19010_123) {
  height: 13px;
  border: 0;
  background: url("/metin-ui/combat/gauge-track.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-territory-raid :is(._bossFill_19010_140, ._partyFill_19010_141) {
  inset: 2px 3px;
  background: url("/metin-ui/gauge-red.png") left center / 16px 100% repeat-x;
  box-shadow: none;
}

html[data-metin-ui] .metin-territory-raid ._logPanel_19010_444 {
  min-width: 0;
  gap: 0.4rem;
  padding: 0.45rem;
  border: 1px solid #655139;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-territory-raid ._logHeader_19010_455 {
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-territory-raid ._logHeader_19010_455 button {
  min-width: 0;
  white-space: normal;
}

html[data-metin-ui] .metin-territory-replay-dialog {
  width: min(100%, 77rem);
}

html[data-metin-ui] .metin-territory-replay-dialog ._body_1jcx0_222 {
  container: territory-replay / inline-size;
}

@container guild-content (width >= 800px) {
  html[data-metin-ui] .metin-guild-territory {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-guild-territory > :is(.metin-territory-board-list, .metin-territory-live) {
    grid-column: 1 / -1;
  }

  html[data-metin-ui] .metin-territory-directory .metin-territory-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container territory-replay (width >= 840px) {
  html[data-metin-ui] .metin-territory-raid {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-territory-raid ._footer_19010_522 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-guild-territory, .metin-territory-raid) button {
    min-height: 44px;
  }
}

@media (max-width: 419px) {
  html[data-metin-ui] .metin-territory-raid ._battlefield_19010_173 {
    --ring-radius: min(21vw, 5.4rem);
    overflow: clip;
  }

  html[data-metin-ui] .metin-territory-raid ._bossLabelRow_19010_101 {
    flex-wrap: wrap;
  }

  html[data-metin-ui] .metin-territory-board-history ._historyItem_fbxgr_29 > button {
    width: 100%;
  }
}


/* DeclareGuildWarDialog and GuildWarScoreBoard use recessed slots and a ThinBoard. */
html[data-metin-ui] :is(.metin-guild-war-page, .metin-guild-war-form, .metin-guild-war-terms, .metin-guild-war-target) {
  min-width: 0;
}

html[data-metin-ui] .metin-guild-war-declare {
  width: min(100%, 62rem);
}

html[data-metin-ui] .metin-guild-war-declare ._body_1jcx0_222 {
  container: guild-war-form / inline-size;
}

html[data-metin-ui] .metin-guild-war-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 9px;
}

html[data-metin-ui] :is(.metin-guild-war-target, .metin-guild-war-terms, .metin-guild-war-intro, .metin-guild-war-ledger, .metin-guild-war-record) {
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] :is(.metin-guild-war-target, .metin-guild-war-terms) {
  display: grid;
  gap: 7px;
  padding: 9px;
}

html[data-metin-ui] .metin-guild-war-target {
  grid-column: auto;
}

html[data-metin-ui] .metin-guild-war-form ._field_fldva_16 {
  border: 1px solid transparent;
  border-image: url("/metin-ui/field.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
  background: #100c08;
  box-shadow: none;
}

html[data-metin-ui] .metin-guild-war-form ._field_fldva_16:focus-within {
  outline: 1px solid var(--metin-highlight);
}

html[data-metin-ui] .metin-guild-war-target-list {
  position: static;
  display: grid;
  gap: 3px;
  width: 100%;
  max-height: min(12rem, 28dvh);
  margin: 0;
  padding: 4px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid #6d553b;
  border-radius: 0;
  background: #100c09;
  scrollbar-color: #86664a #17100c;
}

html[data-metin-ui] .metin-guild-war-target-list [role="option"] {
  min-height: 35px;
  gap: 6px;
  padding: 4px 7px;
  border: 1px solid #5a4531;
  border-radius: 0;
  background: #1e170f;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-guild-war-target-list [role="option"]:is(:hover, [aria-selected="true"]) {
  border-color: #a37b49;
  background: #39291a;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-guild-war-target-list [role="option"] :is(span, strong) {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] .metin-guild-war-selected {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  margin: 0;
  padding: 5px 9px;
  background: #17110a url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-war-error {
  margin: 0;
  padding: 6px 8px;
  background: #291811;
  border: 1px solid #80503f;
  color: #f3bba7;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-war-error p {
  margin: 0 0 5px;
}

html[data-metin-ui] .metin-guild-war-declare ._modalFooter_1tt2b_46 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

html[data-metin-ui] :is(.metin-guild-war-intro ._actions_1tt2b_30, .metin-guild-war-declare ._modalFooter_1tt2b_46, .metin-guild-war-record ._actions_1hf0w_256, .metin-guild-war-replay-heading) button {
  --metin-control-art: var(--metin-shop-middle);
  height: auto;
  min-height: 34px;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-guild-war-intro ._actions_1tt2b_30, .metin-guild-war-declare ._modalFooter_1tt2b_46, .metin-guild-war-record ._actions_1hf0w_256, .metin-guild-war-replay-heading) button:hover:enabled {
  --metin-control-art: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-guild-war-intro ._actions_1tt2b_30, .metin-guild-war-declare ._modalFooter_1tt2b_46, .metin-guild-war-record ._actions_1hf0w_256, .metin-guild-war-replay-heading) button:active:enabled {
  --metin-control-art: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] .metin-guild-war-tabs button[role="tab"] {
  --metin-control-art: var(--metin-tab-normal);
  min-width: 0;
  min-height: 34px;
  border: 1px solid transparent;
  border-image: var(--metin-control-art) 6 10 fill / 6px 9px / 0 stretch;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-guild-war-tabs button[role="tab"]:hover {
  --metin-control-art: var(--metin-tab-hover);
}

html[data-metin-ui] .metin-guild-war-tabs button[aria-selected="true"] {
  --metin-control-art: var(--metin-tab-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-guild-war-score {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(2rem, auto);
  grid-template-areas: "attacker versus" "defender versus";
  gap: 4px 7px;
}

html[data-metin-ui] .metin-guild-war-score ._side_1hf0w_31 {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) minmax(2rem, auto);
  align-items: center;
  gap: 2px 6px;
  min-width: 0;
  padding: 5px 7px;
  background: #1b140d;
  border: 1px solid #604a31;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-guild-war-score ._side_1hf0w_31:first-child { grid-area: attacker; }
html[data-metin-ui] .metin-guild-war-score ._side_1hf0w_31:last-child { grid-area: defender; }
html[data-metin-ui] .metin-guild-war-score ._vsBlock_1hf0w_73 { grid-area: versus; }

html[data-metin-ui] .metin-guild-war-score ._mySide_1hf0w_47 {
  border-color: #a88454;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-guild-war-score ._side_1hf0w_31::before {
  content: "";
  width: 20px;
  height: 20px;
  grid-area: 1 / 1 / 3 / 2;
  background: url("/metin-ui/guild/tab-wars.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-guild-war-score ._sideName_1hf0w_47 {
  grid-area: 1 / 2;
  min-width: 0;
  overflow: visible;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-war-score ._sideScore_1hf0w_61 {
  grid-area: 1 / 3;
  padding: 3px 5px;
  background: #100c08 url("/metin-ui/status/value-small.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  text-align: center;
}

html[data-metin-ui] .metin-guild-war-score ._sideBar_1hf0w_69 { grid-area: 2 / 2 / 3 / 4; }

html[data-metin-ui] :is(.metin-guild-war-record ._phaseTitle_1hf0w_362, .metin-guild-war-replay-heading) {
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 16px / 0 repeat stretch;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-guild-war-record ._duelFeedItem_1hf0w_176 {
  min-width: 0;
  border: 1px solid #624931;
  border-radius: 0;
  background: #1c150e;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-guild-war-replay {
  width: min(100%, 87rem);
}

html[data-metin-ui] .metin-guild-war-replay-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 8px;
}

html[data-metin-ui] .metin-guild-war-replay-heading h3 {
  min-width: 0;
  margin: 0;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

@container guild-war-form (width >= 690px) {
  html[data-metin-ui] .metin-guild-war-form {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-guild-war-tabs button[role="tab"], .metin-guild-war-declare button, .metin-guild-war-target-list [role="option"], .metin-guild-war-record button, .metin-guild-war-replay-heading button) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-guild-war-declare ._field_fldva_16 {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-guild-war-declare ._modalFooter_1tt2b_46 button {
    flex: 1 1 7rem;
  }

  html[data-metin-ui] .metin-guild-war-record ._duelFeedItem_1hf0w_176 {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-guild-war-record ._duelPair_1hf0w_187 {
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Ikarus shop search and player shop frames around the web market's live listings. */
html[data-metin-ui] ._root_gyqwc_3:has(.metin-market-window) {
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-market-window {
  container: metin-market / inline-size;
  box-sizing: border-box;
  width: min(100%, 82rem);
  margin-inline: auto;
  gap: 6px;
  padding: 7px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-market-window.metin-market-seller {
  width: min(100%, 76rem);
}

html[data-metin-ui] .metin-market-titlebar {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  min-height: 25px;
  padding: 2px 12px;
  text-align: center;
}

html[data-metin-ui] .metin-market-titlebar h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.88rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-market-window :is(._toolbar_2eloj_39, ._toolbar_kf57v_10) {
  margin: 0;
  padding: 4px;
  background: #15100b;
  border: 1px solid #654f35;
}

html[data-metin-ui] .metin-market-workbench {
  display: flex;
  flex: 1 1 auto;
  gap: 6px;
  min-height: 0;
  min-width: 0;
}

html[data-metin-ui] .metin-market-categories {
  display: none;
  box-sizing: border-box;
  flex: 0 0 166px;
  flex-direction: column;
  min-height: 0;
  min-width: 0;
  padding: 4px;
  background: #16110c;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

@container metin-market (min-width: 780px) {
  html[data-metin-ui] .metin-market-categories {
    display: flex;
  }
}

html[data-metin-ui] .metin-market-categories h3 {
  margin: 0 0 4px;
  padding: 4px;
  color: var(--metin-gold);
  background: var(--metin-shop-bar) center / 100% 100% no-repeat;
  font: bold 0.75rem var(--metin-font);
  text-align: center;
}

html[data-metin-ui] .metin-market-category-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 2px;
  min-height: 0;
  padding: 0 2px 3px;
  overflow: auto;
  overscroll-behavior: contain;
}

html[data-metin-ui] .metin-market-category-list button {
  --metin-category-art: url("/metin-ui/economy/category-normal.png");
  flex: 0 0 auto;
  min-height: 23px;
  padding: 2px 4px;
  color: var(--metin-text);
  background: #30251a var(--metin-category-art) center / 100% 100% no-repeat;
  border: 0;
  font: bold 0.72rem var(--metin-font);
  overflow-wrap: anywhere;
  text-shadow: var(--metin-text-shadow);
  cursor: pointer;
}

html[data-metin-ui] .metin-market-category-list button:hover {
  --metin-category-art: url("/metin-ui/economy/category-hover.png");
}

html[data-metin-ui] .metin-market-category-list button:is(:active, [aria-pressed="true"]) {
  --metin-category-art: url("/metin-ui/economy/category-pressed.png");
  color: var(--metin-highlight);
}

html[data-metin-ui] .metin-market-category-list button:focus-visible {
  outline: 1px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-market-workbench ._results_2eloj_25 {
  min-width: 0;
  width: 100%;
}

html[data-metin-ui] .metin-market-window :is(._root_8rr51_1, .metin-market-stock) {
  gap: 4px;
  padding: 5px;
  background: #15100c;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-market-stock ._toolbar_2eq6y_15 {
  padding: 3px;
  background: #231a11 var(--metin-shop-bar) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-market-window ._priceCell_1lgpx_176 ._price_1lgpx_176 {
  padding-inline: 4px;
  background: #130f0b url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-market-detail {
  gap: 6px;
}

html[data-metin-ui] .metin-market-detail > ._root_1lgpx_1 {
  height: auto;
  border: 1px solid #675033;
}

html[data-metin-ui] .metin-market-detail ._sectionTitle_1mkfg_115 {
  padding: 3px 5px;
  background: var(--metin-shop-bar) center / 100% 100% no-repeat;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-market-titlebar {
    min-height: 31px;
  }

  html[data-metin-ui] .metin-market-window :is(._root_1lgpx_1, ._columns_1lgpx_2) {
    grid-template-columns: 3rem minmax(4.25rem, 1fr) 3.25rem minmax(5.75rem, 8rem) minmax(4.5rem, 6rem) minmax(7.25rem, 11rem);
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] :is(.metin-market-window, .metin-market-detail) ._root_1lgpx_1 {
    grid-template-columns: 3rem minmax(0, 1fr) clamp(4.75rem, 26vw, 6.75rem);
  }

  html[data-metin-ui] :is(.metin-market-window, .metin-market-detail) ._itemName_1lgpx_81 {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  html[data-metin-ui] :is(.metin-market-window, .metin-market-detail) ._facts_1lgpx_151 {
    flex-wrap: wrap;
  }
}

@media (max-width: 480px) {
  html[data-metin-ui] .metin-market-window ._toolbarRow_2eloj_48 {
    flex-wrap: wrap;
  }

  html[data-metin-ui] .metin-market-window ._toolbarSearch_2eloj_55 {
    flex-basis: 100%;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-market-window :is(._filtersOpenButton_2eloj_71, ._chipClear_2eloj_60, ._openForm_kf57v_36, ._viewChip_kf57v_47) {
    min-height: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-market-category-list button[aria-pressed="true"] {
    outline: 1px solid Highlight;
    outline-offset: -2px;
  }
}

.metin-market-seller-line {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

.metin-market-seller-line > ._seller_1lgpx_112 { min-width: 0; }

.metin-market-seller-whisper {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: 26px;
  height: 24px;
  padding: 0;
  border: 1px solid #806443;
  border-radius: 2px;
  background: #251a10;
  cursor: pointer;
}

.metin-market-seller-whisper:hover, .metin-market-seller-whisper:focus-visible {
  border-color: var(--metin-highlight);
  background: #3c2b19;
}

.metin-market-seller-whisper:focus-visible { outline: 1px solid var(--metin-highlight); }
.metin-market-seller-whisper img { object-fit: contain; }

@media (max-width: 767px), (pointer: coarse) {
  .metin-market-seller-whisper { min-width: 44px; min-height: 44px; }
}

/* PrivateShopBuilder and PrivateShopManage from mt2009. The board lists actual offers. */
html[data-metin-ui] .metin-listing-dialog {
  width: min(100%, 65rem);
}

html[data-metin-ui] .metin-listing-dialog ._body_1jcx0_222 {
  container: listing-body / inline-size;
}

html[data-metin-ui] .metin-listing-builder {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
}

@container listing-body (min-width: 620px) {
  html[data-metin-ui] .metin-listing-builder {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  }
}

html[data-metin-ui] .metin-listing-pane {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: clamp(6px, 1vw, 12px);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-listing-bar {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  min-height: 27px;
  margin: 0;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 15px / 0 repeat stretch;
  color: var(--metin-gold);
  font: bold 0.875rem / 1.25 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-clock::before {
  content: "";
  flex: none;
  width: 16px;
  height: 19px;
  background: url("/metin-ui/economy/listing-clock.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-listing-wallet::before {
  content: "";
  flex: none;
  width: 16px;
  height: 16px;
  background: url("/metin-ui/yang.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-listing-item {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 8px;
  align-items: center;
}

html[data-metin-ui] .metin-listing-item > button {
  justify-self: start;
}

html[data-metin-ui] .metin-listing-item button {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-empty-slot {
  width: 56px;
  height: 56px;
  background: #100b07 var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-listing-item-meta {
  display: grid;
  justify-items: start;
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-listing-name {
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  background: #100b07 url("/metin-ui/field.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-weight: 700;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-duration {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 3px 0 0;
  border: 0;
}

html[data-metin-ui] .metin-listing-duration-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-listing-duration-options button {
  min-width: 0;
  min-height: 34px;
  padding: 3px;
  border: 1px solid transparent;
  border-image: var(--metin-listing-tab, var(--metin-tab-normal)) 6 11 fill / 6px 9px / 0 stretch;
  border-radius: 0;
  background: #25190e;
  color: var(--metin-gold);
  font: inherit;
  white-space: normal;
  cursor: pointer;
}

html[data-metin-ui] .metin-listing-duration-options button:hover:enabled {
  --metin-listing-tab: var(--metin-tab-hover);
}

html[data-metin-ui] .metin-listing-duration-options button:is([aria-pressed="true"], :active) {
  --metin-listing-tab: var(--metin-tab-pressed);
}

html[data-metin-ui] .metin-listing-totals {
  display: grid;
  gap: 4px;
  padding: 0;
}

html[data-metin-ui] .metin-listing-value {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 4px 8px;
  background: #100b07 url("/metin-ui/field.png") center / 100% 100% no-repeat;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-wallet {
  justify-content: flex-start;
}

html[data-metin-ui] .metin-listing-picker {
  width: min(100%, 58rem);
}

html[data-metin-ui] .metin-listing-pick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 6.5rem), 1fr));
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-listing-pick-item {
  display: grid;
  align-content: start;
  justify-items: center;
  gap: 4px;
  min-width: 0;
  padding: 5px;
  background: #130f0b;
  border: 1px solid #614a32;
  text-align: center;
  font-size: 0.8rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-confirm ._root_5ddrr_1 {
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: #130f0b;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-accept {
  --listing-normal: url("/metin-ui/economy/listing-accept-normal.png");
  --listing-hover: url("/metin-ui/economy/listing-accept-hover.png");
  --listing-pressed: url("/metin-ui/economy/listing-accept-pressed.png");
}

html[data-metin-ui] .metin-listing-cancel {
  --listing-normal: url("/metin-ui/economy/listing-cancel-normal.png");
  --listing-hover: url("/metin-ui/economy/listing-cancel-hover.png");
  --listing-pressed: url("/metin-ui/economy/listing-cancel-pressed.png");
}

html[data-metin-ui] .metin-listing-edit {
  --listing-normal: url("/metin-ui/economy/listing-edit-normal.png");
  --listing-hover: url("/metin-ui/economy/listing-edit-hover.png");
  --listing-pressed: url("/metin-ui/economy/listing-edit-pressed.png");
}

html[data-metin-ui] .metin-listing-close-shop {
  --listing-normal: url("/metin-ui/economy/listing-close-shop-normal.png");
  --listing-hover: url("/metin-ui/economy/listing-close-shop-hover.png");
  --listing-pressed: url("/metin-ui/economy/listing-close-shop-pressed.png");
}

html[data-metin-ui] .metin-listing-reopen {
  --listing-normal: url("/metin-ui/economy/listing-reopen-normal.png");
  --listing-hover: url("/metin-ui/economy/listing-reopen-hover.png");
  --listing-pressed: url("/metin-ui/economy/listing-reopen-pressed.png");
}

html[data-metin-ui] button._root_1eguq_1.metin-listing-control {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  min-height: 46px;
  height: auto;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: none;
  background: transparent;
  box-shadow: none;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-listing-control::before {
  content: "";
  width: 88px;
  max-width: 100%;
  height: 21px;
  background: var(--listing-art, var(--listing-normal)) center / contain no-repeat;
}

html[data-metin-ui] .metin-listing-control:is(:hover, :focus-visible):enabled {
  --listing-art: var(--listing-hover);
}

html[data-metin-ui] .metin-listing-control:active:enabled {
  --listing-art: var(--listing-pressed);
}

html[data-metin-ui] :is(.metin-listing-dialog, .metin-listing-relist) ._footer_1jcx0_234,
html[data-metin-ui] .metin-listing-manage ._manageFooter_2eq6y_50 {
  justify-content: center;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-listing-duration-options button, .metin-listing-item button) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-listing-manage ._manageFooter_2eq6y_50 button {
    flex: 1 1 7rem;
  }
}

/* SelectItemWindow and private shop information inside the shared native board. */
html[data-metin-ui] :is(.metin-market-filter-dialog, .metin-market-detail-dialog, .metin-npc-sale-list) {
  width: min(100%, 70rem);
}

html[data-metin-ui] .metin-market-filter-dialog ._body_1jcx0_222 > div,
html[data-metin-ui] .metin-market-detail-dialog .metin-market-detail {
  min-width: 0;
}

html[data-metin-ui] .metin-market-detail-dialog .metin-market-detail {
  display: grid;
  gap: 9px;
}

html[data-metin-ui] .metin-market-detail-dialog ._section_1mkfg_100 {
  margin: 0;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-market-detail-dialog ._sectionTitle_1mkfg_115 {
  margin: 0 0 7px;
  padding: 4px 8px;
  background: url("/metin-ui/horizontalbar.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-sale-total {
  flex: 1 1 100%;
  padding: 5px 8px;
  background: #100b07 url("/metin-ui/cube/yang-field.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-sale-count {
  margin: 0 0 7px;
  padding: 4px 8px;
  background: var(--metin-shop-bar) center / 100% 100% no-repeat;
  color: var(--metin-gold);
  text-align: center;
}

html[data-metin-ui] ._actions_v9zrg_64 {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] ._actions_v9zrg_64 button {
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-market-filter-dialog, .metin-market-detail-dialog, .metin-npc-sale-list) button {
    min-height: 44px;
  }

  html[data-metin-ui] ._actions_v9zrg_64 ._actionBtn_v9zrg_73 {
    flex: 1 1 8rem;
    min-height: 44px;
  }

  html[data-metin-ui] ._actions_v9zrg_64 ._listBtn_v9zrg_78 {
    min-height: 44px;
    min-width: 44px;
  }
}

html[data-metin-ui] .metin-pvp-window {
  width: min(100%, 1040px);
  min-width: 0;
  gap: 10px;
  margin-inline: auto;
  padding: 10px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-pvp-window > ._beforeTabs_1nw2n_10 {
  position: static;
  width: auto;
  height: auto;
  order: 1;
  flex: none;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-pvp-window > ._content_1nw2n_18 {
  order: 3;
  min-width: 0;
  padding: 3px;
}

html[data-metin-ui] .metin-pvp-window > [data-sticky-hub] {
  position: sticky;
  top: 0;
  bottom: auto;
  order: 2;
  height: auto;
  margin: 0;
  border: 1px solid #5c4b37;
  background: url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x #201a15;
}

html[data-metin-ui] .metin-pvp-window > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-pvp-window :is(.metin-pvp-title, .metin-pvp-loadout-title) {
  display: grid;
  place-items: center;
  min-height: 31px;
  padding: 3px 8px;
}

html[data-metin-ui] .metin-pvp-window :is(.metin-pvp-title h1, .metin-pvp-loadout-title h2) {
  margin: 0;
  font: 700 17px / 1.25 Tahoma, sans-serif;
  text-align: center;
}

html[data-metin-ui] .metin-pvp-tabs {
  max-width: 660px;
  min-height: 0;
  margin-inline: auto;
}

html[data-metin-ui] .metin-pvp-tabs [role="tab"] {
  min-height: 35px;
  padding: 4px 10px;
  font-size: 13px;
}

html[data-metin-ui] .metin-pvp-arena {
  display: grid;
  grid-template-columns: minmax(0, 290px) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

html[data-metin-ui] .metin-pvp-arena > :is(._rulesCard_16j45_8, .metin-pvp-score, ._opponents_16j45_126) {
  min-width: 0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: none;
}

html[data-metin-ui] .metin-pvp-arena > ._rulesCard_16j45_8 {
  grid-column: 1;
}

html[data-metin-ui] .metin-pvp-arena:has(.metin-pvp-score) > ._rulesCard_16j45_8 {
  grid-row: 2;
}

html[data-metin-ui] .metin-pvp-arena ._rulesInner_16j45_12 {
  gap: 8px;
  padding: 11px;
}

html[data-metin-ui] .metin-pvp-arena :is(._rulesTitle_16j45_39, ._sectionTitle_16j45_139) {
  color: var(--metin-gold);
  font: 700 14px / 1.25 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-pvp-arena ._rulesList_16j45_56 {
  gap: 6px;
  max-height: min(255px, 42dvh);
  padding-right: 2px;
  overflow-y: auto;
  font-size: 13px;
}

html[data-metin-ui] .metin-pvp-score {
  grid-column: 1;
  grid-row: 1;
  padding: 11px;
}

html[data-metin-ui] .metin-pvp-score dl {
  margin: 0;
}

html[data-metin-ui] .metin-pvp-score dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 27px;
  border-bottom: 1px solid #504230;
  color: var(--metin-text);
  font-size: 13px;
}

html[data-metin-ui] .metin-pvp-score dd {
  margin: 0;
  color: var(--metin-gold);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  text-align: end;
}

html[data-metin-ui] .metin-pvp-score ._bandLine_16j45_109 {
  margin-top: 5px;
  font-size: 12px;
}

html[data-metin-ui] .metin-pvp-arena > ._opponents_16j45_126 {
  grid-column: 2;
  grid-row: 1 / span 2;
  gap: 8px;
  padding: 11px;
}

html[data-metin-ui] .metin-pvp-arena ._sectionHeader_16j45_132 {
  gap: 5px;
  padding: 2px 5px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
}

html[data-metin-ui] .metin-pvp-arena ._opponentList_16j45_153 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 8px;
}

html[data-metin-ui] .metin-pvp-arena .metin-pvp-target {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  grid-template-areas: "avatar name elo" "button button button";
  gap: 5px 7px;
  min-height: 82px;
  padding: 7px 9px;
  background: #100d0ae0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-pvp-target ._opponentAvatar_16j45_177 {
  grid-area: avatar;
  width: 42px;
  height: 42px;
}

html[data-metin-ui] .metin-pvp-target ._opponentMain_16j45_181 {
  grid-area: name;
}

html[data-metin-ui] .metin-pvp-target ._opponentName_16j45_188 {
  font: 700 14px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-pvp-target ._opponentMeta_16j45_198 {
  font-size: 11px;
}

html[data-metin-ui] .metin-pvp-target ._opponentEloBlock_16j45_203 {
  grid-area: elo;
  min-width: 0;
}

html[data-metin-ui] .metin-pvp-target ._opponentEloValue_16j45_211 {
  font-size: 14px;
}

html[data-metin-ui] .metin-pvp-target ._fightBtn_16j45_226 {
  grid-area: button;
  justify-self: center;
  min-width: 90px;
  min-height: 30px;
  padding: 2px 8px;
  background: url("/metin-ui/pvp/duel-normal.png") center / 100% 100% no-repeat;
  border: 0;
  border-image: none;
  font: 700 12px / 1.2 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-pvp-target ._fightBtn_16j45_226:is(:hover, :focus-visible):enabled {
  background-image: url("/metin-ui/pvp/duel-hover.png");
}

html[data-metin-ui] .metin-pvp-target ._fightBtn_16j45_226:active:enabled {
  background-image: url("/metin-ui/pvp/duel-pressed.png");
}

html[data-metin-ui] .metin-pvp-replay {
  grid-column: 1 / -1;
  min-width: 0;
}

html[data-metin-ui] .metin-pvp-loadout-title {
  width: min(100%, 335px);
  margin-bottom: 6px;
}

html[data-metin-ui] .metin-pvp-loadout ._pvpClassButtons_19w7z_72 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
  width: min(100%, 335px);
  padding: 3px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
}

html[data-metin-ui] .metin-pvp-loadout ._pvpClassButton_19w7z_72 {
  min-width: 0;
  min-height: 28px;
  padding: 2px 1px;
  background: url("/metin-ui/skill-tab-normal.png") center / 100% 100% no-repeat;
  border: 0;
  border-image: none;
  font: 700 12px / 1.2 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-pvp-loadout ._pvpClassButton_19w7z_72:hover {
  background-image: url("/metin-ui/skill-tab-hover.png");
}

html[data-metin-ui] .metin-pvp-loadout ._pvpClassButton_19w7z_72[aria-pressed="true"] {
  background-image: url("/metin-ui/skill-tab-pressed.png");
}

@media (max-width: 700px) {
  html[data-metin-ui] .metin-pvp-window {
    gap: 6px;
    padding: 6px;
  }

  html[data-metin-ui] .metin-pvp-arena {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-pvp-arena > ._opponents_16j45_126 {
    grid-column: 1;
    grid-row: 2;
  }

  html[data-metin-ui] .metin-pvp-arena:has(.metin-pvp-score) > ._rulesCard_16j45_8 {
    grid-row: 3;
  }

  html[data-metin-ui] .metin-pvp-tabs [role="tablist"] {
    display: flex;
    overflow-x: auto;
  }

  html[data-metin-ui] .metin-pvp-tabs [role="tab"] {
    flex: 0 0 auto;
    min-width: 68px;
    min-height: 44px;
    padding-inline: 7px;
  }

  html[data-metin-ui] .metin-pvp-tabs ._label_1ic98_99 {
    text-overflow: clip;
    white-space: nowrap;
  }

  html[data-metin-ui] .metin-pvp-target ._fightBtn_16j45_226 {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-pvp-loadout ._pvpClassButton_19w7z_72 {
    min-height: 40px;
    font-size: 11px;
  }
}
.metin-pvp-challenge-content { display: grid; gap: 10px; min-width: 0; }
.metin-pvp-challenge-content p { margin: 0; overflow-wrap: anywhere; }
.metin-pvp-loadout-warning { padding: 8px; color: #ffd79c; background: #492912; border: 1px solid #a46635; }
.metin-pvp-preview-items { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; padding: 0; margin: 0; list-style: none; }
.metin-pvp-preview-items li { display: flex; align-items: center; gap: 5px; min-width: 0; overflow-wrap: anywhere; }
.metin-pvp-preview-items img { flex: 0 0 24px; object-fit: contain; }
.metin-pvp-challenge-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.metin-pvp-challenge-actions a { text-align: center; text-decoration: none; }
@media (max-width: 560px) {
  .metin-pvp-preview-items { grid-template-columns: minmax(0, 1fr); }
  .metin-pvp-challenge-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .metin-pvp-challenge-actions :is(a,button) { min-height: 44px; }
}

/* Native ItemShopDialog composition: account and categories on the left, a searchable item list on the right. */
html[data-metin-ui] .metin-item-shop-window {
  width: min(calc(100% - 12px), 1036px);
  min-width: 0;
  margin: 8px auto;
  gap: 6px;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-item-shop-window > ._beforeTabs_1nw2n_10 {
  position: static;
  width: auto;
  height: auto;
  flex: none;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-item-shop-title {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 25px;
  padding: 2px 54px;
}

html[data-metin-ui] .metin-item-shop-title h1 {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}

html[data-metin-ui] .metin-item-shop-refresh {
  position: absolute;
  inset-inline-end: 25px;
  width: 23px;
  height: 23px;
  padding: 0;
  border: 0;
  background: url('/metin-ui/item-shop/refresh-normal.png') center / 17px no-repeat;
  cursor: pointer;
}

html[data-metin-ui] .metin-item-shop-refresh:hover:not(:disabled) {
  background-image: url('/metin-ui/item-shop/refresh-hover.png');
}

html[data-metin-ui] .metin-item-shop-refresh:active:not(:disabled) {
  background-image: url('/metin-ui/item-shop/refresh-pressed.png');
}

html[data-metin-ui] .metin-item-shop-refresh:disabled {
  opacity: .65;
  cursor: wait;
}

html[data-metin-ui] .metin-item-shop-window > [data-sticky-hub] {
  top: 0;
  height: auto;
  min-height: 34px;
  margin: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid #594732;
}

html[data-metin-ui] .metin-item-shop-window > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-item-shop-tabs [role='tablist'] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  gap: 3px;
  padding: 2px;
}

html[data-metin-ui] .metin-item-shop-window .metin-item-shop-tabs button[role='tab'] {
  width: auto;
  min-width: 0;
  min-height: 29px;
  padding-inline: 4px;
}

html[data-metin-ui] .metin-item-shop-window .metin-item-shop-tabs button[role='tab']::before,
html[data-metin-ui] .metin-item-shop-window .metin-item-shop-tabs button[role='tab']::after {
  content: none;
}

html[data-metin-ui] .metin-item-shop-tabs ._label_1ic98_99 {
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: center;
}

html[data-metin-ui] .metin-item-shop-window > .metin-item-shop-content {
  min-width: 0;
  min-height: 0;
  padding: 0;
}

html[data-metin-ui] .metin-item-shop-catalog {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
  min-height: 0;
}

html[data-metin-ui] .metin-item-shop-catalog :is(.metin-item-shop-menu, .metin-item-shop-stock) {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  gap: 6px;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: #17120e;
}

html[data-metin-ui] .metin-item-shop-section-title {
  margin: 0;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  color: var(--metin-gold);
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
}

html[data-metin-ui] .metin-item-shop-menu ._balanceRow_1vdg7_16 {
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  padding: 3px;
  background: none;
}

html[data-metin-ui] .metin-item-shop-menu ._topUpButton_1vdg7_24 {
  max-width: 100%;
  padding-inline: 7px;
  font-size: 12px;
}

html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories {
  position: static;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  width: 100%;
  height: auto;
  gap: 5px;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  touch-action: auto;
}

html[data-metin-ui] .metin-item-shop-categories ._dotsTrack_1p8cj_202,
html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories button::after {
  display: none;
}

html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories button {
  min-height: 31px;
  padding: 4px 6px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/economy/category-normal.png') 5 9 fill / 5px 9px / 0 stretch;
  background: #211a12;
  color: var(--metin-text);
  box-shadow: none;
  font-size: 12px;
  white-space: normal;
  touch-action: auto;
}

html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories button:is(:hover, :focus-visible) {
  border-image-source: url('/metin-ui/economy/category-hover.png');
}

html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories button:is(:active, [aria-selected='true']) {
  border-image-source: url('/metin-ui/economy/category-pressed.png');
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-item-shop-categories ._dotLabel_1p8cj_267 {
  overflow: visible;
  overflow-wrap: anywhere;
  text-align: center;
}

html[data-metin-ui] .metin-item-shop-search {
  display: flex;
  justify-content: flex-end;
  padding: 3px;
  background: #2b261e var(--metin-shop-bar) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-item-shop-search input {
  width: min(100%, 19rem);
  min-height: 30px;
  padding: 4px 7px;
  border: 1px solid #73614a;
  border-radius: 0;
  background: #110e0a;
  color: var(--metin-text);
  font: 13px/1.2 var(--metin-font);
}

html[data-metin-ui] .metin-item-shop-search input::placeholder {
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-item-shop-offers {
  min-width: 0;
  min-height: 0;
}

html[data-metin-ui] .metin-item-shop-empty {
  margin: 0;
  padding: 12px;
  color: var(--metin-muted);
  text-align: center;
}

html[data-metin-ui] .metin-item-shop-stock ._grid_1vdg7_34 {
  grid-template-columns: minmax(0, 1fr);
  gap: 7px;
}

html[data-metin-ui] .metin-item-shop-stock ._cardShell_vfryf_2 > ._paddingMd_11w98_131 {
  padding: 7px;
}

html[data-metin-ui] .metin-item-shop-stock ._inner_vfryf_19 {
  gap: 7px;
}

html[data-metin-ui] .metin-item-shop-stock ._nameRow_vfryf_141 {
  min-height: 24px;
  padding: 3px 7px;
}

html[data-metin-ui] .metin-item-shop-stock ._name_vfryf_141 {
  font-size: 14px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-item-shop-stock ._header_vfryf_28 {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
}

html[data-metin-ui] .metin-item-shop-stock ._iconWrap_vfryf_36:not(._iconWrapFrame_vfryf_48, ._iconWrapBackground_vfryf_55) {
  width: 42px;
  height: 42px;
}

html[data-metin-ui] .metin-item-shop-stock ._icon_vfryf_36 {
  width: 34px;
  height: 34px;
}

html[data-metin-ui] .metin-item-shop-stock ._description_vfryf_157 {
  display: block;
  overflow: visible;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-item-shop-stock ._packs_vfryf_182,
html[data-metin-ui] .metin-item-shop-stock ._footer_vfryf_274 {
  gap: 5px;
  padding-top: 5px;
}

html[data-metin-ui] .metin-item-shop-stock ._pack_vfryf_182 {
  gap: 4px;
  padding: 6px;
}

html[data-metin-ui] .metin-item-shop-stock button[data-metin-item-shop-buy] {
  min-width: 0;
  padding-inline: 5px;
  border: 0;
  border-image: none;
  background: transparent;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-item-shop-stock button[data-metin-item-shop-buy]::before {
  width: 78px;
  height: 21px;
  background-image: url('/metin-ui/item-shop/buy-normal.png');
  background-size: 100% 100%;
}

html[data-metin-ui] .metin-item-shop-stock button[data-metin-item-shop-buy]:hover:not(:disabled)::before {
  background-image: url('/metin-ui/item-shop/buy-hover.png');
}

html[data-metin-ui] .metin-item-shop-stock button[data-metin-item-shop-buy]:active:not(:disabled)::before {
  background-image: url('/metin-ui/item-shop/buy-pressed.png');
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-item-shop-window {
    flex: 0 0 auto;
    height: min(695px, max(390px, calc(100dvh - 120px)));
  }

  html[data-metin-ui] .metin-item-shop-window > .metin-item-shop-content {
    flex: 1 1 0;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #8d7855 #1d160e;
  }

  html[data-metin-ui] .metin-item-shop-window > .metin-item-shop-content:has(> .metin-item-shop-catalog) {
    overflow: hidden;
  }

  html[data-metin-ui] .metin-item-shop-catalog {
    height: 100%;
    grid-template-columns: clamp(150px, 20%, 184px) minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-item-shop-offers {
    flex: 1 1 auto;
    overflow: auto;
    padding: 2px;
    scrollbar-width: thin;
    scrollbar-color: #8d7855 #1d160e;
  }
}

@media (min-width: 1000px) {
  html[data-metin-ui] .metin-item-shop-stock ._inner_vfryf_19 {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    grid-template-areas: 'title title' 'detail packs' 'detail footer';
    column-gap: 12px;
    align-items: start;
  }

  html[data-metin-ui] .metin-item-shop-stock ._nameRow_vfryf_141 { grid-area: title; }
  html[data-metin-ui] .metin-item-shop-stock ._header_vfryf_28 { grid-area: detail; }
  html[data-metin-ui] .metin-item-shop-stock ._packs_vfryf_182 { grid-area: packs; }
  html[data-metin-ui] .metin-item-shop-stock ._footer_vfryf_274 { grid-area: footer; }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-item-shop-window {
    padding: 6px;
  }

  html[data-metin-ui] .metin-item-shop-title {
    min-height: 35px;
  }

  html[data-metin-ui] .metin-item-shop-title .metin-item-shop-refresh,
  html[data-metin-ui] .metin-item-shop-title .metin-status-close {
    width: 29px;
    height: 29px;
  }

  html[data-metin-ui] .metin-item-shop-title .metin-item-shop-refresh {
    inset-inline-end: 32px;
  }

  html[data-metin-ui] .metin-item-shop-window ._root_1p8cj_1 {
    margin-inline: 0;
  }

  html[data-metin-ui] .metin-item-shop-search input,
  html[data-metin-ui] .metin-item-shop-catalog .metin-item-shop-categories button {
    width: 100%;
    min-height: 38px;
  }

  html[data-metin-ui] .metin-item-shop-stock button[data-metin-item-shop-buy] {
    min-height: 38px;
  }
}

/* GlobalRankingsManager uses a title board, a category rail and a four-column high score. */
html[data-metin-ui] .metin-ranking-window {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  align-content: start;
  width: min(100%, 66rem);
  min-width: 0;
  gap: 8px;
  margin-inline: auto;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-ranking-window > ._beforeTabs_1nw2n_10 {
  position: static;
  grid-column: 1 / -1;
  width: auto;
  height: auto;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-ranking-title {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 3px 34px;
  text-align: center;
}

html[data-metin-ui] .metin-ranking-title h1 {
  margin: 0;
  font: 700 16px/1.2 var(--metin-heading-font);
}

html[data-metin-ui] .metin-ranking-window > [data-sticky-hub] {
  position: static;
  height: auto;
  margin: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-ranking-window > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-ranking-window > ._content_1nw2n_18 {
  min-width: 0;
  padding: 0;
}

html[data-metin-ui] .metin-ranking-window ._mobilePager_1a18j_14 {
  margin-inline: 0;
}

html[data-metin-ui] .metin-ranking-tabs [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  padding: 0;
  gap: 4px;
  overflow: visible;
}

html[data-metin-ui] .metin-ranking-tabs [role="tab"] {
  --metin-ranking-tab: url("/metin-ui/economy/category-normal.png");
  display: flex;
  justify-content: flex-start;
  min-width: 0;
  min-height: 44px;
  gap: 5px;
  padding: 4px 7px;
  color: var(--metin-text);
  border: 1px solid transparent;
  border-image: var(--metin-ranking-tab) 5 9 fill / 5px 9px / 0 stretch;
  background: #211a12;
  box-shadow: none;
  text-align: start;
}

html[data-metin-ui] .metin-ranking-tabs [role="tab"]:hover {
  --metin-ranking-tab: url("/metin-ui/economy/category-hover.png");
}

html[data-metin-ui] .metin-ranking-tabs [role="tab"]:is(:active, [aria-selected="true"]) {
  --metin-ranking-tab: url("/metin-ui/economy/category-pressed.png");
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-ranking-tabs [role="tab"]::before,
html[data-metin-ui] .metin-ranking-tabs [role="tab"]::after {
  content: none;
}

html[data-metin-ui] .metin-ranking-tabs ._label_1ic98_99 {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-ranking-category-icon {
  display: block;
  width: 21px;
  height: 21px;
  background: var(--metin-ranking-icon) center / contain no-repeat;
}

html[data-metin-ui] .metin-ranking-category-icon[data-category="level"] { --metin-ranking-icon: url("/metin-ui/hud/character-normal.png"); }
html[data-metin-ui] .metin-ranking-category-icon[data-category="pvp"] { --metin-ranking-icon: url("/metin-ui/pvp/duel-normal.png"); }
html[data-metin-ui] .metin-ranking-category-icon[data-category="guild"] { --metin-ranking-icon: url("/metin-ui/friends/guild-normal.png"); }
html[data-metin-ui] .metin-ranking-category-icon[data-category="tower"] { --metin-ranking-icon: url("/metin-ui/quest-scroll-close.png"); }

html[data-metin-ui] .metin-ranking-board ._boardCard_1a18j_98 {
  padding: 7px;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] .metin-ranking-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  color: var(--metin-text);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-ranking-table thead {
  color: var(--metin-gold);
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
}

html[data-metin-ui] .metin-ranking-table :is(th, td) {
  padding: 6px;
  text-align: start;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-ranking-table th:first-child { width: 12%; }
html[data-metin-ui] .metin-ranking-table th:nth-child(3) { width: 24%; }
html[data-metin-ui] .metin-ranking-table th:last-child { width: 18%; }
html[data-metin-ui] .metin-ranking-table :is(th, td):last-child { text-align: end; }

html[data-metin-ui] .metin-ranking-table tbody tr {
  border-bottom: 1px solid #59442e;
  background: #130f0b74;
}

html[data-metin-ui] .metin-ranking-table tbody tr:nth-child(even) {
  background: #32251a65;
}

html[data-metin-ui] .metin-ranking-table tr[data-current] {
  background: #5e482944;
  box-shadow: inset 2px 0 #b28c52;
}

html[data-metin-ui] .metin-ranking-table tr:is([data-place="1"], [data-place="2"], [data-place="3"]) td:first-child {
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-ranking-table :is(._playerName_ih5ez_57, ._playerMeta_ih5ez_102) {
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] .metin-ranking-empire {
  display: flex;
  align-items: center;
  gap: 6px;
}

html[data-metin-ui] .metin-ranking-empire img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

@media (min-width: 960px) {
  html[data-metin-ui] .metin-ranking-window {
    grid-template-columns: clamp(10.5rem, 19%, 13rem) minmax(0, 1fr);
    gap: 10px;
  }

  html[data-metin-ui] .metin-ranking-tabs [role="tablist"] { grid-template-columns: minmax(0, 1fr); }
  html[data-metin-ui] .metin-ranking-tabs [role="tab"] { min-height: 42px; }
}

@media (max-width: 620px) {
  html[data-metin-ui] .metin-ranking-window { padding: 5px; }
  html[data-metin-ui] .metin-ranking-title { min-height: 44px; }
  html[data-metin-ui] .metin-ranking-title .metin-status-close { width: 44px; height: 44px; }
  html[data-metin-ui] .metin-ranking-board ._scopeRow_1a18j_35 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
  html[data-metin-ui] .metin-ranking-board ._scopeChip_1a18j_43 { min-height: 44px; }
  html[data-metin-ui] .metin-ranking-table { font-size: 0.75rem; }
  html[data-metin-ui] .metin-ranking-table :is(th, td) { padding: 6px 4px; }
  html[data-metin-ui] .metin-ranking-table th:first-child { width: 16%; }
  html[data-metin-ui] .metin-ranking-table th:nth-child(3) { width: 25%; }
  html[data-metin-ui] .metin-ranking-table th:last-child { width: 20%; }
  html[data-metin-ui] .metin-ranking-empire span { display: none; }
  html[data-metin-ui] .metin-ranking-table ._playerLink_ih5ez_47 { min-height: 38px; }
}

html[data-metin-ui] .metin-settings-ui {
  display: grid;
  grid-template-columns: minmax(0, 225px) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  width: min(100%, 1080px);
  min-width: 0;
  margin-inline: auto;
  padding-bottom: 10px;
}

html[data-metin-ui] .metin-settings-ui .metin-settings-title {
  display: grid;
  grid-column: 1 / -1;
  place-items: center;
  min-height: 34px;
  padding: 3px 10px;
}

html[data-metin-ui] .metin-settings-title h1 {
  margin: 0;
  font: 700 18px / 1.25 Tahoma, sans-serif;
  text-align: center;
}

html[data-metin-ui] .metin-settings-menu {
  position: sticky;
  top: 4px;
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-settings-menu a {
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 37px;
  padding: 4px 9px;
  background: url("/metin-ui/settings/system-normal.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  text-align: center;
  text-decoration: none;
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-settings-menu a:is(:hover, :focus-visible) {
  background-image: url("/metin-ui/settings/system-hover.png");
}

html[data-metin-ui] .metin-settings-menu a:active {
  background-image: url("/metin-ui/settings/system-pressed.png");
}

html[data-metin-ui] .metin-settings-options,
html[data-metin-ui] .metin-settings-group {
  display: grid;
  align-items: start;
  min-width: 0;
  gap: 8px;
}

html[data-metin-ui] .metin-settings-options {
  gap: 12px;
}

html[data-metin-ui] .metin-settings-group {
  scroll-margin-top: 8px;
}

html[data-metin-ui] .metin-settings-group > * {
  min-width: 0;
  padding: 10px 12px 12px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-settings-group > ._root_11w98_1 {
  padding: 0;
}

html[data-metin-ui] .metin-settings-group > ._root_11w98_1 > ._body_11w98_56 {
  padding: 13px 15px;
}

html[data-metin-ui] .metin-settings-group :is(._content_1eu23_27, ._content_hkmw3_2) {
  gap: 9px;
}

html[data-metin-ui] .metin-settings-group :is(._sectionTitle_1eu23_33, ._sectionTitle_hkmw3_8, [data-metin-section-title]) {
  padding: 4px 8px;
  color: var(--metin-gold);
  font: 700 14px / 1.25 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
}

html[data-metin-ui] .metin-settings-group :is(._preferenceRow_1eu23_50, ._preferenceRow_hkmw3_57) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  min-height: 44px;
  gap: 8px;
  padding: 6px 8px;
  background: #140f0bc9;
  border: 1px solid #5b4934;
}

html[data-metin-ui] .metin-settings-group :is(._preferenceRow_1eu23_50, ._preferenceRow_hkmw3_57) input {
  justify-self: center;
  margin: 0;
}

html[data-metin-ui] .metin-settings-group :is(._preferenceLabel_1eu23_69, ._preferenceLabel_hkmw3_76) {
  font-size: 13px;
}

html[data-metin-ui] .metin-settings-group :is(._preferenceHint_1eu23_76, ._preferenceHint_hkmw3_83) {
  font-size: 12px;
}

@media (min-width: 1320px) {
  html[data-metin-ui] .metin-settings-pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  html[data-metin-ui] .metin-settings-ui {
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  html[data-metin-ui] .metin-settings-menu {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 7px;
  }

  html[data-metin-ui] .metin-settings-menu a {
    min-height: 44px;
    font-size: 12px;
  }

  html[data-metin-ui] .metin-settings-group > ._root_11w98_1 > ._body_11w98_56 {
    padding: 9px;
  }

  html[data-metin-ui] .metin-settings-group :is(button, select) {
    min-height: 40px;
    max-width: 100%;
  }
}

/* GameOptionDialog uses mutually exclusive Small_Button and Middle_Button controls. */
html[data-metin-ui] .metin-system-choice {
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-system-choice legend {
  max-width: 100%;
  padding: 4px 8px;
  background: url("/metin-ui/horizontalbar.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-weight: 700;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-system-choice-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 6rem), 1fr));
  gap: 5px;
}

html[data-metin-ui] .metin-system-option {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  min-height: 36px;
  padding: 4px;
  border: 1px solid transparent;
  border-image: var(--metin-option-art, url("/metin-ui/economy/middle-normal.png")) 6 11 fill / 6px 9px / 0 stretch;
  color: var(--metin-gold);
  text-align: center;
  overflow-wrap: anywhere;
  cursor: pointer;
}

html[data-metin-ui] .metin-system-option input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

html[data-metin-ui] .metin-system-option:hover {
  --metin-option-art: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-system-option[data-selected] {
  --metin-option-art: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-system-option:has(input:focus-visible) {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-system-choice:disabled {
  opacity: .6;
}

html[data-metin-ui] .metin-system-option-hint {
  margin: 7px 0 0;
  color: var(--metin-muted);
  font-size: .8rem;
  line-height: 1.4;
}

.metin-mobile-scale-slider {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}

html[data-metin-ui] .metin-mobile-scale-slider input { width: 100%; min-height: 44px; }
.metin-mobile-scale-slider output { min-width: 4ch; text-align: end; color: var(--metin-gold); font-variant-numeric: tabular-nums; }
.metin-mobile-scale-reset { min-height: 44px; padding: 4px 10px; overflow-wrap: anywhere; }

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-system-option {
    min-height: 44px;
  }
}

/* SystemOptionDialog's labelled music and sound SliderBars. */
html[data-metin-ui] .metin-audio-options .metin-audio-row {
  display: grid;
  grid-template-columns: minmax(8rem, 1fr) minmax(0, 2fr) minmax(3rem, auto);
  align-items: center;
  gap: 9px;
  padding: 6px 9px;
  border: 1px solid var(--metin-border);
  background: var(--metin-recess);
  color: var(--metin-gold);
  font: 700 13px / 1.3 var(--metin-font);
}

html[data-metin-ui] .metin-audio-row label {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-audio-row .metin-system-slider:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-audio-value {
  text-align: end;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 599px) {
  html[data-metin-ui] .metin-audio-options .metin-audio-row {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
  }

  html[data-metin-ui] .metin-audio-row .metin-system-slider {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 599px), (pointer: coarse) {
  html[data-metin-ui] .metin-audio-row .metin-system-slider {
    min-height: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-audio-row .metin-system-slider {
    appearance: auto;
  }

  html[data-metin-ui] .metin-audio-row .metin-system-slider::-webkit-slider-runnable-track,
  html[data-metin-ui] .metin-audio-row .metin-system-slider::-webkit-slider-thumb {
    all: revert;
  }

  html[data-metin-ui] .metin-audio-row .metin-system-slider::-moz-range-track,
  html[data-metin-ui] .metin-audio-row .metin-system-slider::-moz-range-thumb {
    all: revert;
  }
}

/* InputDialogWithDescription2 provides the account confirmation board and edit slot. */
html[data-metin-ui] .metin-account-privacy {
  display: grid;
  min-width: 0;
  gap: 9px;
}

html[data-metin-ui] .metin-account-privacy ._header_hkmw3_19 {
  min-width: 0;
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-operation {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  background: #100c09a6;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-operation ._preferenceRow_hkmw3_57 {
  margin: 0;
}

html[data-metin-ui] .metin-privacy-export-title {
  margin: 0;
  padding: 3px 7px;
  background: #231a13;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.3 var(--metin-heading-font);
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-operation p,
html[data-metin-ui] .metin-account-privacy .metin-privacy-danger p {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-danger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 9px 14px;
  min-width: 0;
  padding: 9px;
  background: #321c14c2;
  border: 1px solid #754b3e;
  border-radius: 0;
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-danger h3 {
  margin: 0 0 4px;
  color: #f4bfaa;
  letter-spacing: normal;
  text-transform: none;
}

html[data-metin-ui] .metin-account-privacy .metin-privacy-danger button {
  flex: 0 0 auto;
}

html[data-metin-ui] .metin-privacy-confirm {
  width: min(100%, 548px);
  max-width: 100%;
  min-width: 0;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-privacy-confirm ._body_1jcx0_222 {
  padding: 13px 17px 16px;
}

html[data-metin-ui] .metin-privacy-confirm-form {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-width: 0;
  text-align: center;
}

html[data-metin-ui] .metin-privacy-confirm-form :is(p, label) {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-privacy-confirm-description {
  width: min(100%, 390px);
  margin: 0;
  color: var(--metin-text);
  line-height: 1.45;
}

html[data-metin-ui] .metin-privacy-confirm-form ._root_fldva_1 {
  align-items: center;
  min-width: 0;
  width: 100%;
}

html[data-metin-ui] .metin-privacy-confirm-form ._field_fldva_16 {
  width: min(100%, 220px);
  padding: 0;
  background: #090705;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
}

html[data-metin-ui] .metin-privacy-confirm-form ._field_fldva_16:focus-within {
  outline: 1px solid var(--metin-gold);
  outline-offset: 2px;
}

html[data-metin-ui] .metin-privacy-confirm-form input {
  min-height: 38px;
  outline: none;
  font-weight: 700;
  text-align: center;
}

html[data-metin-ui] .metin-privacy-confirm-error {
  width: min(100%, 420px);
  margin: 0;
  padding: 6px 8px;
  background: #361914c9;
  border: 1px solid #855348;
  color: #f6c6b3;
}

html[data-metin-ui] .metin-privacy-confirm-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
  width: 100%;
}

html[data-metin-ui] :is(.metin-account-privacy, .metin-privacy-confirm-actions) button {
  --metin-privacy-button: url("/metin-ui/economy/middle-normal.png");
  min-height: 34px;
  padding: 4px 10px;
  border: 1px solid transparent;
  border-image: var(--metin-privacy-button) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  font: 700 13px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] :is(.metin-account-privacy, .metin-privacy-confirm-actions) button:is(:hover, :focus-visible):enabled {
  --metin-privacy-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(.metin-account-privacy, .metin-privacy-confirm-actions) button:active:enabled {
  --metin-privacy-button: url("/metin-ui/economy/middle-pressed.png");
}

@media (min-width: 1150px) {
  html[data-metin-ui] .metin-account-privacy {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: stretch;
  }

  html[data-metin-ui] .metin-account-privacy > :not(.metin-privacy-operation) {
    grid-column: 1 / -1;
  }

  html[data-metin-ui] .metin-account-privacy ._blockDivider_hkmw3_45 {
    display: none;
  }

  html[data-metin-ui] .metin-privacy-confirm ._body_1jcx0_222 {
    padding: 20px 23px;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-account-privacy, .metin-privacy-confirm-actions) button,
  html[data-metin-ui] .metin-privacy-confirm-form input {
    min-height: 44px;
  }
}

@media (max-width: 600px) {
  html[data-metin-ui] .metin-account-privacy .metin-privacy-danger {
    align-items: stretch;
    flex-direction: column;
  }

  html[data-metin-ui] .metin-privacy-confirm ._body_1jcx0_222 {
    padding: 10px 12px;
  }

  html[data-metin-ui] .metin-privacy-confirm-actions {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
}

/* SystemOptionDialog rows and PopupDialog notices for the browser app. */
html[data-metin-ui] .metin-pwa-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
}

html[data-metin-ui] .metin-pwa-settings ._header_1eu23_44 {
  display: grid;
  gap: 5px;
}

html[data-metin-ui] .metin-pwa-settings ._sectionTitle_1eu23_33 {
  text-align: center;
}

html[data-metin-ui] .metin-pwa-install {
  display: grid;
  align-content: center;
  gap: 5px;
  min-width: 0;
  min-height: 48px;
  padding: 7px 9px;
  background: #130f0ac7;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-pwa-install :is(._muted_1eu23_108, ._iosGuide_1eu23_121) {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pwa-install ._iosSteps_1eu23_127 {
  gap: 5px;
}

html[data-metin-ui] .metin-pwa-install ._actions_1eu23_100 {
  justify-content: start;
  padding: 0;
}

html[data-metin-ui] .metin-pwa-install button {
  --metin-pwa-system-button: url("/metin-ui/settings/system-normal.png");
  min-width: min(100%, 180px);
  min-height: 32px;
  padding: 4px 9px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-pwa-system-button) 5 20 fill / 5px 14px / 0 stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] .metin-pwa-install button:is(:hover, :focus-visible):enabled {
  --metin-pwa-system-button: url("/metin-ui/settings/system-hover.png");
}

html[data-metin-ui] .metin-pwa-install button:active:enabled {
  --metin-pwa-system-button: url("/metin-ui/settings/system-pressed.png");
}

html[data-metin-ui] .metin-pwa-settings .metin-pwa-push {
  min-height: 48px;
  border-color: #685438;
  border-radius: 0;
}

html[data-metin-ui] .metin-pwa-settings .metin-pwa-push ._preferenceCopy_1eu23_61 {
  min-width: 0;
  padding-right: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pwa-settings .metin-pwa-push[data-permission="denied"] {
  border-color: #946447;
  background: #2a1710cc;
}

html[data-metin-ui] .metin-pwa-settings .metin-pwa-push[data-permission="denied"] ._preferenceHint_1eu23_76 {
  color: #efc3a7;
}

html[data-metin-ui] .metin-pwa-settings .metin-pwa-push[data-subscribed="true"]:not([data-permission="denied"]) {
  border-color: #657247;
}

html[data-metin-ui] .metin-pwa-notices {
  align-items: center;
  gap: 5px;
  padding: calc(var(--safe-top, 0px) + 5px) 8px 0;
}

html[data-metin-ui] .metin-pwa-notices .metin-pwa-notice {
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px;
  width: min(100%, 448px);
  min-width: 0;
  padding: 8px 10px;
  background: var(--metin-board-fill) repeat #1c1610;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 11px / 0 repeat;
  color: var(--metin-text);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-pwa-notices .metin-pwa-notice[data-kind="offline"] {
  background-color: #311c11;
  color: #f1ccaf;
}

html[data-metin-ui] .metin-pwa-notice ._message_rsrhl_30 {
  flex: 1 0 100%;
  margin: 0;
  font: 700 13px / 1.35 var(--metin-font);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pwa-update-actions {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}

html[data-metin-ui] .metin-pwa-update-actions button {
  --metin-pwa-update-button: url("/metin-ui/economy/middle-normal.png");
  min-height: 31px;
  padding: 4px 8px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-pwa-update-button) 5 11 fill / 5px 11px / 0 stretch;
  color: var(--metin-gold);
  font: 700 12px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] .metin-pwa-update-actions button:is(:hover, :focus-visible):enabled {
  --metin-pwa-update-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-pwa-update-actions button:active:enabled {
  --metin-pwa-update-button: url("/metin-ui/economy/middle-pressed.png");
}

@media (min-width: 1100px) {
  html[data-metin-ui] .metin-pwa-settings {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: stretch;
  }

  html[data-metin-ui] .metin-pwa-settings ._header_1eu23_44 {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-pwa-install button,
  html[data-metin-ui] .metin-pwa-update-actions button {
    min-height: 44px;
  }
}

/* RefineDialogNew uses one board, a tall item slot, material rows and an action footer. */
html[data-metin-ui] .metin-refine-window {
  width: min(100%, 34rem);
  min-width: 0;
  gap: 6px;
  padding: 7px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-refine-titlebar {
  display: grid;
  place-items: center;
  order: 0;
  min-height: 36px;
  padding: 2px 10px;
  text-align: center;
}

html[data-metin-ui] .metin-refine-titlebar h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 1rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-refine-window ._panel_18jef_10 {
  gap: 6px;
  padding: 4px;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-refine-window > ._orderAnvil_18jef_63 {
  order: 1;
}

html[data-metin-ui] .metin-refine-window > ._panelGroup_18jef_26 {
  display: flex;
  order: 2;
  padding: 0;
}

html[data-metin-ui] .metin-refine-window ._anvil_18jef_87 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  min-height: 72px;
  gap: 8px;
  padding: 8px;
  background: #100e0b;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-refine-window ._anvilActive_18jef_114 {
  background: #2d2317;
  outline: 1px solid var(--metin-highlight);
  outline-offset: -3px;
}

html[data-metin-ui] .metin-refine-window ._anvilGrid_18jef_137 {
  --anvil-cell: 42px;
  --anvil-gap: 0px;
}

html[data-metin-ui] .metin-refine-window ._anvilGridCell_18jef_147 {
  opacity: 1;
  background: #110c08 var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-refine-window ._anvilGridItem_18jef_169 > ._anvilSlot_18jef_128 {
  background: transparent;
}

html[data-metin-ui] .metin-refine-window ._anvilInfo_18jef_283 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

html[data-metin-ui] .metin-refine-window :is(._anvilHint_18jef_272, ._anvilStats_18jef_341) {
  text-align: start;
}

html[data-metin-ui] .metin-refine-window ._anvilHint_18jef_272 {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-refine-window :is(._sectionTitle_18jef_77, ._protectionTitle_18jef_561) {
  margin: 0;
  padding: 4px 8px;
  color: var(--metin-gold);
  background: #211910 var(--metin-shop-bar) center / 100% 100% no-repeat;
  font: bold 0.78rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-refine-window ._materialCards_18jef_539 {
  grid-template-columns: minmax(0, 1fr);
}

html[data-metin-ui] .metin-refine-window :is(._materialCards_18jef_539, ._protectionCards_18jef_549) {
  gap: 4px;
}

html[data-metin-ui] .metin-refine-window ._card_17eks_1 {
  gap: 4px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-refine-window ._iconWrap_17eks_34 {
  width: 34px;
  height: 34px;
  background: #110c08 var(--metin-slot) center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-refine-window ._body_17eks_79 {
  flex: 1 1 auto;
  padding: 4px 7px;
  background: #14100b;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 7px / 0 repeat;
}

html[data-metin-ui] .metin-refine-window ._name_17eks_86 {
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] .metin-refine-window ._cardSelected_17eks_29 ._body_17eks_79 {
  background: #2d2715;
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] .metin-refine-window ._orderCta_18jef_67 {
  padding-top: 6px;
  border-top: 1px solid #6d5436;
}

html[data-metin-ui] :is(.metin-refine-window, .metin-refine-confirm-summary) ._anvilSummary_18jef_288 {
  gap: 4px;
  padding: 4px 6px;
  color: var(--metin-text);
  border: 0;
  text-align: center;
}

html[data-metin-ui] :is(.metin-refine-window, .metin-refine-confirm-summary) ._reqsValueYang_18jef_533 {
  display: inline-block;
  min-width: 84px;
  padding: 2px 8px;
  color: var(--metin-gold);
  background: #130f0b url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-refine-window ._skipAnimRow_18jef_72 {
  min-height: 34px;
  margin: 0;
}

html[data-metin-ui] .metin-refine-window ._forgeCtaStack_18jef_577 {
  margin-top: 0;
}

html[data-metin-ui] :is(.metin-refine-window ._anvilActions_18jef_386, .metin-refine-window ._forgeCtaStack_18jef_577, [role="dialog"]:has(.metin-refine-confirm-summary) ._footer_1jcx0_234) button {
  --metin-refine-button: var(--metin-shop-middle);
  min-height: 34px;
  border-image: var(--metin-refine-button) 5 11 fill / 5px 11px / 0 stretch;
}

html[data-metin-ui] :is(.metin-refine-window ._anvilActions_18jef_386, .metin-refine-window ._forgeCtaStack_18jef_577, [role="dialog"]:has(.metin-refine-confirm-summary) ._footer_1jcx0_234) button:hover:not(:disabled) {
  --metin-refine-button: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-refine-window ._anvilActions_18jef_386, .metin-refine-window ._forgeCtaStack_18jef_577, [role="dialog"]:has(.metin-refine-confirm-summary) ._footer_1jcx0_234) button:active:not(:disabled) {
  --metin-refine-button: var(--metin-shop-middle-pressed);
}

@media (min-width: 1024px) {
  html[data-metin-ui] ._panels_161ky_12:has(.metin-refine-window):not(:has(.metin-cube-crafting)) {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: start;
    gap: 12px;
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-refine-window):not(:has(.metin-cube-crafting)) > * {
    width: 100%;
    min-width: 0;
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-refine-window):not(:has(.metin-cube-crafting)) > ._infoColumn_161ky_41 {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1366px) {
  html[data-metin-ui] ._panels_161ky_12:has(.metin-refine-window):not(:has(.metin-cube-crafting)) {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr) minmax(0, 1.5fr);
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-refine-window):not(:has(.metin-cube-crafting)) > ._infoColumn_161ky_41 {
    grid-column: auto;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-refine-window :is(._skipAnimRow_18jef_72, ._anvilActions_18jef_386 button, ._forgeCtaStack_18jef_577 button) {
    min-height: 44px;
  }
}

/* CubeWindow's recipe columns, native slot frames and Yang field. */
html[data-metin-ui] .metin-cube-crafting {
  display: grid;
  gap: 6px;
  min-width: 0;
  container-type: inline-size;
}

html[data-metin-ui] .metin-cube-bench {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-cube-crafting :is(.metin-cube-recipes, .metin-cube-materials) {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: none;
}

html[data-metin-ui] .metin-cube-crafting :is(._sectionLabel_19otz_10, ._sectionLabel_nlt2z_10) {
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #60472e;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-cube-crafting :is(._sourceList_19otz_22, ._resultList_19otz_138, ._costList_19otz_170, ._costGrid_nlt2z_20) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  min-width: 0;
  padding: 0;
  margin: 0;
}

html[data-metin-ui] .metin-cube-crafting :is(._sourceOption_19otz_44, ._resultPreview_19otz_156, ._costRow_19otz_180, ._costCard_nlt2z_36) {
  gap: 5px;
  min-width: 0;
  min-height: 44px;
  padding: 3px 4px;
  border: 1px solid #5b4531;
  border-radius: 0;
  background: #211911;
  box-shadow: none;
}

html[data-metin-ui] .metin-cube-crafting :is(._costRow_19otz_180, ._costCard_nlt2z_36)[data-short="true"] {
  border-color: #7d4e40;
  background: #2a1813;
}

html[data-metin-ui] .metin-cube-crafting :is(._costRow_19otz_180, ._costCard_nlt2z_36)[data-kind="yang"] {
  background: url("/metin-ui/cube/yang-field.png") center / 100% 100% no-repeat #110d08;
}

html[data-metin-ui] .metin-cube-crafting ._sourceOption_19otz_44:is(:hover, :focus-visible, [data-selected="true"]) {
  border-color: #a4834f;
  background: #3c2a1b;
}

html[data-metin-ui] .metin-cube-crafting ._sourceCheck_19otz_101,
html[data-metin-ui] .metin-cube-crafting [data-selected="true"] ._sourceCheck_19otz_101 {
  width: 17px;
  height: 17px;
  border: 0;
  border-radius: 0;
  background: url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-cube-crafting [data-selected="true"] ._sourceCheck_19otz_101::after {
  inset: 1px;
  background: url("/metin-ui/check-mark.png") center / contain no-repeat;
  clip-path: none;
}

html[data-metin-ui] .metin-cube-slot {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 3px;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font: 700 11px / 1 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-cube-slot[data-tall] {
  height: 82px;
  background-image: url("/metin-ui/cube/result-slot.png");
}

html[data-metin-ui] .metin-cube-slot img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}

html[data-metin-ui] .metin-cube-slot strong {
  position: absolute;
  inset: auto 2px 2px auto;
  color: #f0e3c1;
  text-shadow: 1px 1px #000, -1px -1px #000;
}

html[data-metin-ui] .metin-cube-crafting :is(._sourceName_19otz_92, ._costName_19otz_227, ._costName_nlt2z_89) {
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-cube-crafting :is(._costCount_19otz_236, ._costCountShort_19otz_243, ._owned_nlt2z_97, ._ownedShort_nlt2z_103) {
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-cube-crafting ._missingBadge_19otz_251 {
  border-radius: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-cube-crafting ._statusBanner_19otz_266 {
  border-radius: 0;
}

html[data-metin-ui] .metin-cube-crafting :is(._actionBtn_19otz_302, ._actionBtn_nlt2z_116) {
  min-width: 0;
  min-height: 36px;
  padding: 4px 6px;
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (min-width: 480px) {
  html[data-metin-ui] .metin-cube-bench {
    grid-template-columns: minmax(0, 1fr) 20px minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-cube-bench::before {
    content: "";
    grid-column: 2;
    grid-row: 1;
    background: url("/metin-ui/cube/recipe-divider.png") center / 20px 92px repeat-y;
  }

  html[data-metin-ui] .metin-cube-bench .metin-cube-recipes {
    grid-column: 1;
    grid-row: 1;
  }

  html[data-metin-ui] .metin-cube-bench .metin-cube-materials {
    grid-column: 3;
    grid-row: 1;
  }
}

@media (max-width: 640px), (pointer: coarse) {
  html[data-metin-ui] .metin-cube-crafting :is(._actionBtn_19otz_302, ._actionBtn_nlt2z_116) {
    min-height: 44px;
  }
}

@media (min-width: 900px) {
  html[data-metin-ui] ._panels_161ky_12:has(.metin-cube-crafting) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-cube-crafting) > ._infoColumn_161ky_41 {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-cube-crafting) > ._inventoryColumn_161ky_40 {
    grid-column: 1;
    grid-row: 2;
  }

  html[data-metin-ui] ._panels_161ky_12:has(.metin-cube-crafting) > ._anvilColumn_161ky_42 {
    grid-column: 2;
    grid-row: 2;
  }

  html[data-metin-ui] ._infoColumn_161ky_41:has(.metin-cube-crafting) :is(
    ._card_19b7o_1, ._card_19b7o_1 > div:last-child, ._body_19b7o_57, ._questArea_19b7o_80,
    ._content_5va06_48, .metin-npc-quest-board, ._dialogueScroll_5va06_220
  ) {
    flex: 0 0 auto;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  html[data-metin-ui] ._infoColumn_161ky_41 .metin-npc-quest-board:has(.metin-cube-crafting) {
    align-self: center;
    grid-template-rows: auto auto;
    width: min(100%, 800px);
  }
}

/* MessengerWindow list and footer, with the thin WhisperDialog board for reading and writing. */
html[data-metin-ui] .metin-mail-window {
  --mail-columns: minmax(8rem, 1fr) minmax(0, 2fr) minmax(9rem, 12rem);
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: min(100%, 62rem);
  min-width: 0;
  margin-inline: auto;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-mail-titlebar {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 28px;
  padding: 2px 29px;
}

html[data-metin-ui] .metin-mail-titlebar h1 {
  margin: 0;
  font: 700 15px/1.25 var(--metin-heading-font);
  text-align: center;
}

html[data-metin-ui] .metin-mail-inbox {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 7px;
  min-width: 0;
  min-height: clamp(17rem, 56dvh, 35rem);
}

html[data-metin-ui] .metin-mail-inbox-scroll {
  min-width: 0;
  min-height: 0;
  max-height: clamp(18rem, 53dvh, 35rem);
  overflow: auto;
  border: 1px solid #5b4935;
  background: #130f0b;
  box-shadow: inset 0 1px 4px #000a;
  scrollbar-width: thin;
  scrollbar-color: #8c7655 #1e160e;
  scrollbar-gutter: stable;
}

html[data-metin-ui] .metin-mail-inbox-scroll ._list_113m6_63 {
  width: 100%;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-mail-columns {
  position: sticky;
  top: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: var(--mail-columns);
  gap: 12px;
  padding: 6px 10px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  background: #36281b;
  color: var(--metin-gold);
  font: 700 12px/1.2 var(--metin-font);
}

html[data-metin-ui] .metin-mail-columns > :last-child {
  text-align: end;
}

html[data-metin-ui] .metin-mail-window ._root_cgjmg_1 {
  gap: 5px 12px;
  min-height: 47px;
  padding: 6px 10px;
}

html[data-metin-ui] .metin-mail-window ._root_cgjmg_1._unclaimed_cgjmg_45 {
  box-shadow: inset 3px 0 #b58b50, inset 0 1px #b78b4430;
}

html[data-metin-ui] .metin-mail-window ._sender_cgjmg_40 {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] .metin-mail-window ._sender_cgjmg_40 > :last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

html[data-metin-ui] .metin-mail-envelope {
  flex: 0 0 23px;
  height: 23px;
  background: url('/metin-ui/mail/envelope.png') center / contain no-repeat;
  opacity: .58;
}

html[data-metin-ui] .metin-mail-window ._unread_cgjmg_36 .metin-mail-envelope {
  opacity: 1;
}

html[data-metin-ui] .metin-mail-inbox-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px 12px;
  min-width: 0;
  padding: 3px 5px;
  border-top: 1px solid #5b4935;
}

html[data-metin-ui] .metin-mail-inbox-footer ._capacityLabel_113m6_57 {
  min-width: 0;
  padding-inline: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-mail-new {
  min-height: 34px;
  padding-inline: 9px;
}

html[data-metin-ui] .metin-mail-new::before {
  content: '';
  flex: 0 0 21px;
  height: 18px;
  background: url('/metin-ui/friends/whisper-normal.png') center / contain no-repeat;
}

html[data-metin-ui] .metin-mail-new:is(:hover, :focus-visible)::before {
  background-image: url('/metin-ui/friends/whisper-hover.png');
}

html[data-metin-ui] .metin-mail-new:active::before {
  background-image: url('/metin-ui/friends/whisper-pressed.png');
}

html[data-metin-ui] .metin-mail-window .metin-mail-compose {
  min-width: 0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: #18130f;
}

html[data-metin-ui] .metin-mail-compose ._form_trb74_13 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
}

html[data-metin-ui] .metin-mail-compose ._form_trb74_13 > * {
  min-width: 0;
}

html[data-metin-ui] .metin-mail-compose ._field_fldva_16 {
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-name.png') 4 fill / 4px / 0 stretch;
  box-shadow: none;
}

html[data-metin-ui] .metin-mail-compose ._field_fldva_16:focus-within {
  outline: 1px solid var(--border-focus);
}

html[data-metin-ui] .metin-mail-compose textarea {
  min-width: 0;
  resize: vertical;
  background: #100c09;
}

html[data-metin-ui] .metin-mail-compose ._actions_trb74_24 {
  min-width: 0;
  padding-top: 7px;
  border-top: 1px solid #5b4935;
}

html[data-metin-ui] .metin-mail-compose button[data-metin-mail-send] {
  --metin-control-art: url('/metin-ui/mail/send-normal.png');
  min-width: 88px;
  border-image-slice: 5 8 fill;
  border-image-width: 5px 8px;
}

html[data-metin-ui] .metin-mail-compose button[data-metin-mail-send]:not(:disabled):is(:hover, :focus-visible) {
  --metin-control-art: url('/metin-ui/mail/send-hover.png');
}

html[data-metin-ui] .metin-mail-compose button[data-metin-mail-send]:not(:disabled):active {
  --metin-control-art: url('/metin-ui/mail/send-pressed.png');
}

html[data-metin-ui] .metin-mail-compose button[data-metin-mail-send] ._content_1eguq_191::before {
  content: none;
}

html[data-metin-ui] .metin-mail-detail {
  width: min(100%, 42rem);
  padding: 7px;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
}

html[data-metin-ui] .metin-mail-detail ._header_1jcx0_148 {
  gap: 5px;
  min-height: 34px;
  padding: 3px 6px 3px 9px;
  border-image: url('/metin-ui/entry/parameter-name.png') 4 fill / 4px / 0 stretch;
  background: #130e09;
}

html[data-metin-ui] .metin-mail-detail ._title_1jcx0_165 {
  min-width: 0;
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-mail-detail ._body_1jcx0_222 {
  padding: 8px 4px;
  scrollbar-width: thin;
  scrollbar-color: #8c7655 #1e160e;
}

html[data-metin-ui] .metin-mail-detail ._content_1cdfg_1 {
  gap: 8px;
}

html[data-metin-ui] .metin-mail-detail ._sender_1cdfg_7 {
  width: fit-content;
  max-width: 100%;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-name.png') 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-mail-detail ._body_1cdfg_14 {
  min-height: 4.5rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-mail-detail ._attachments_1cdfg_22 {
  gap: 7px;
}

html[data-metin-ui] .metin-mail-detail ._footer_1jcx0_234 {
  padding: 7px 4px 2px;
  border-top: 1px solid #5b4935;
  box-shadow: none;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-mail-window ._root_cgjmg_1 {
    grid-template-columns: var(--mail-columns);
  }

  html[data-metin-ui] .metin-mail-compose ._form_trb74_13 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-metin-ui] .metin-mail-compose ._form_trb74_13 > :nth-child(n + 3) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1024px) {
  html[data-metin-ui] .metin-mail-window {
    width: min(100%, 74rem);
  }

  html[data-metin-ui] .metin-mail-inbox {
    min-height: clamp(18rem, 64dvh, 42rem);
  }

  html[data-metin-ui] .metin-mail-inbox-scroll {
    max-height: clamp(18rem, 60dvh, 40rem);
  }

  html[data-metin-ui] .metin-mail-detail {
    width: min(100%, 52rem);
  }

  html[data-metin-ui] .metin-mail-detail ._body_1jcx0_222 {
    padding: 12px 10px;
  }

  html[data-metin-ui] .metin-mail-compose textarea {
    min-height: clamp(10rem, 25dvh, 17rem);
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-mail-window {
    margin-block-end: 56px;
    padding: 6px;
  }

  html[data-metin-ui] .metin-mail-titlebar {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-mail-titlebar .metin-status-close {
    width: 44px;
    height: 44px;
  }

  html[data-metin-ui] .metin-mail-columns {
    display: none;
  }

  html[data-metin-ui] .metin-mail-inbox-footer {
    flex-wrap: wrap;
  }

  html[data-metin-ui] .metin-mail-new {
    min-height: 44px;
    margin-inline-start: auto;
  }

  html[data-metin-ui] .metin-mail-compose > ._paddingMd_11w98_131 {
    padding: 11px;
  }

  html[data-metin-ui] .metin-mail-compose textarea {
    height: clamp(7.5rem, 25dvh, 10rem);
  }

  html[data-metin-ui] :is(.metin-mail-detail ._footerActions_1cdfg_51 button, .metin-mail-compose :is(input, button)) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-mail-compose :is(input, textarea) {
    font-size: 16px;
  }
}

html[data-metin-ui] :is(.metin-topup, .metin-won-ledger) {
  min-width: 0;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] :is(.metin-topup, .metin-won-ledger) > h2 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px/1.25 var(--metin-font);
  text-align: center;
}

html[data-metin-ui] .metin-topup-test {
  margin: 8px 0;
  padding: 4px 7px;
  color: var(--metin-gold);
  background: #2f2417;
  border-inline-start: 2px solid #977749;
  font-size: 0.875rem;
}

html[data-metin-ui] .metin-topup-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-topup-package {
  min-width: 0;
  padding: 5px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: #14100b;
}

html[data-metin-ui] .metin-topup-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-height: 27px;
  margin: 0;
  padding: 3px 6px;
  background: #302a22 var(--metin-shop-bar) center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font: 700 0.85rem/1.25 var(--metin-font);
}

html[data-metin-ui] .metin-topup-caption span {
  color: var(--metin-text);
  font-size: 0.7rem;
  text-align: end;
}

html[data-metin-ui] .metin-topup-package-details {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 3px 2px;
}

html[data-metin-ui] .metin-topup-slot {
  display: grid;
  flex: 0 0 32px;
  height: 32px;
  place-items: center;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-topup-slot img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

html[data-metin-ui] .metin-topup-bonus {
  color: #badd9e;
  font-size: 0.8125rem;
  font-weight: 700;
}

html[data-metin-ui] .metin-topup-buy {
  min-width: min(100%, 6rem);
  min-height: 34px;
  margin-inline-start: auto;
  padding: 3px 7px;
  font: 700 0.8125rem/1.2 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-won-ledger ._table_r8jm4_23 {
  background: #16110d;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-won-ledger thead {
  background: #32251a url("/metin-ui/horizontalbar.png") center / 150px 100% repeat-x;
}

html[data-metin-ui] .metin-won-ledger :is(th, td) {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-won-ledger th {
  padding: 7px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-won-ledger ._loadMore_r8jm4_94 {
  min-height: 36px;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-topup-buy, .metin-won-ledger ._loadMore_r8jm4_94) { min-height: 44px; }
}

/* AtlasWindow board, automatically fitted map and native minimap marks. */
html[data-metin-ui] .metin-atlas-window {
  width: min(100%, 71rem);
  min-width: 0;
  margin-inline: auto;
}

html[data-metin-ui] .metin-atlas-title {
  display: grid;
  min-height: 34px;
  margin-bottom: 7px;
  place-items: center;
  padding: 3px 12px;
  text-align: center;
}

html[data-metin-ui] .metin-atlas-title h1 {
  margin: 0;
  font: 700 16px/1.2 var(--metin-heading-font);
}

html[data-metin-ui] .metin-atlas-window ._atlasListCard_1ce9a_120 {
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
}

html[data-metin-ui] .metin-atlas-index ._groupTitle_52tfe_16 {
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 17px / 0 repeat stretch;
}

html[data-metin-ui] .metin-atlas-index .metin-atlas-destination {
  min-height: 44px;
  padding-block: 7px;
  line-height: 1.2;
}

html[data-metin-ui] .metin-atlas-index .metin-atlas-destination:is(:hover, [data-selected]) {
  background: #3c2c1e;
  box-shadow: inset 0 0 0 1px #886940;
}

html[data-metin-ui] .metin-atlas-index .metin-atlas-destination[data-current] {
  box-shadow: inset 3px 0 #c9a56a, inset 0 0 0 1px #886940;
}

html[data-metin-ui] .metin-atlas-marker-trigger {
  min-width: 34px;
  min-height: 34px;
  border-radius: 0;
}

html[data-metin-ui] .metin-atlas-marker-gear {
  flex: 0 0 22px;
  height: 22px;
  background: url("/metin-ui/hud/system-normal.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-atlas-marker-trigger:is(:hover, :focus-visible) .metin-atlas-marker-gear {
  background-image: url("/metin-ui/hud/system-hover.png");
}

html[data-metin-ui] .metin-atlas-marker-trigger:is(:active, [aria-expanded="true"]) .metin-atlas-marker-gear {
  background-image: url("/metin-ui/hud/system-pressed.png");
}

html[data-metin-ui] .metin-atlas-marker-control .metin-atlas-marker-panel {
  box-sizing: border-box;
  width: min(16rem, calc(100vw - 24px));
  min-width: 0;
  max-height: min(24rem, calc(100dvh - 9rem));
  gap: 4px;
  padding: 7px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-atlas-marker-panel legend {
  padding: 4px 10px;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 16px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.2 var(--metin-font);
}

html[data-metin-ui] .metin-atlas-marker-panel [role="switch"] {
  min-height: 34px;
  padding: 4px 7px;
  border: 1px solid #604a32;
  background: #1d160e;
  box-shadow: none;
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-atlas-marker-panel [role="switch"][aria-checked="true"] {
  border-color: #8d6f46;
  background: #302318;
  box-shadow: none;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-atlas-marker-panel [role="switch"]:focus-visible {
  outline-offset: -2px;
}

html[data-metin-ui] .metin-travel-map {
  container-type: inline-size;
  min-width: 0;
  padding: 8px;
}

html[data-metin-ui] .metin-travel-map-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 3px 10px;
  min-height: 30px;
  padding: 3px 9px;
}

html[data-metin-ui] .metin-travel-map-title h3 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px/1.2 var(--metin-font);
}

html[data-metin-ui] .metin-travel-map-title span {
  color: var(--metin-text);
  font-size: 0.75rem;
}

html[data-metin-ui] .metin-travel-map-header > p {
  margin: 6px 4px;
}

html[data-metin-ui] .metin-travel-map-content {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  margin-top: 7px;
}

html[data-metin-ui] .metin-atlas-preview {
  --metin-atlas-size: clamp(10rem, calc(100dvh - 18rem), 30rem);
  box-sizing: border-box;
  width: min(100%, var(--metin-atlas-size));
  min-width: 0;
  margin: 0 auto;
  padding: 5px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-atlas-preview figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 30px;
  gap: 4px;
  margin-bottom: 4px;
  padding-inline: 6px 0;
  font: 700 0.75rem/1.2 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-atlas-map {
  position: relative;
  background: #1d1a14;
  box-shadow: 0 0 0 1px #735c42;
}

html[data-metin-ui] .metin-atlas-map > img {
  display: block;
  width: 100%;
  height: auto;
  scroll-margin-block: 12px 72px;
}

html[data-metin-ui] .metin-atlas-pin {
  --metin-pin-image: url("/metin-ui/atlas/zone.png");
  --metin-pin-size: 9px;
  position: absolute;
  width: 26px;
  height: 26px;
  translate: -50% -50%;
  padding: 0;
  border: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: transparent;
  cursor: pointer;
  filter: drop-shadow(0 1px 2px #000);
}

/* PythonMiniMap.cpp tints the white sprite with NAMECOLOR_NPC (#7ae75d). */
html[data-metin-ui] .metin-atlas-pin::before {
  content: "";
  width: var(--metin-pin-size);
  height: var(--metin-pin-size);
  background: #7ae75d;
  -webkit-mask: var(--metin-pin-image) center / contain no-repeat;
  mask: var(--metin-pin-image) center / contain no-repeat;
  pointer-events: none;
}

html[data-metin-ui] .metin-atlas-pin[data-kind="hub"] {
  --metin-pin-image: url("/metin-ui/atlas/village.png");
  --metin-pin-size: 12px;
}

html[data-metin-ui] .metin-atlas-pin[aria-current="location"] {
  --metin-pin-image: url("/metin-ui/atlas/current.png");
  --metin-pin-size: 16px;
  background: var(--metin-pin-image) center / var(--metin-pin-size) auto no-repeat;
  z-index: 1;
}

html[data-metin-ui] .metin-atlas-pin[aria-current="location"]::before { display: none; }

html[data-metin-ui] .metin-atlas-pin:is(:hover, :focus-visible) {
  outline: 1px solid var(--metin-highlight);
  outline-offset: -2px;
  background-color: #130f0a99;
}

html[data-metin-ui] .metin-travel-zones {
  container-type: inline-size;
  min-width: 0;
  border: 1px solid #6d5337;
  background: #160f0a;
}

html[data-metin-ui] .metin-travel-zones ._name_p2vj2_70 {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-travel-zones > [id]:focus {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

@container (min-width: 40rem) {
  html[data-metin-ui] .metin-travel-map-content[data-atlas="true"] {
    grid-template-columns: minmax(14rem, 0.85fr) minmax(0, 1.15fr);
    gap: 12px;
  }
}

/* The original travel row switches to its stacked layout when the map takes the adjacent column. */
@container (max-width: 43rem) {
  html[data-metin-ui] .metin-travel-zones ._row_p2vj2_1 {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "identity badge" "aside aside";
    gap: 5px;
    padding: 7px;
  }

  html[data-metin-ui] .metin-travel-zones ._trailing_p2vj2_147 { display: contents; }
  html[data-metin-ui] .metin-travel-zones ._badgeSlot_p2vj2_151 { grid-area: badge; min-width: 0; }
  html[data-metin-ui] .metin-travel-zones ._aside_p2vj2_165 { grid-area: aside; max-width: none; width: 100%; }
  html[data-metin-ui] .metin-travel-zones ._infoButtonBesideName_p2vj2_137 { display: none; }
  html[data-metin-ui] .metin-travel-zones ._infoButtonBesideBadge_p2vj2_307 { display: inline-flex; }
  html[data-metin-ui] .metin-travel-zones ._actionButton_p2vj2_241 { white-space: normal; overflow-wrap: anywhere; }
  html[data-metin-ui] .metin-travel-zones :is(._meta_p2vj2_175, ._cooldownLine_p2vj2_82) { text-align: start; }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-atlas-preview { margin-inline: auto; }
  html[data-metin-ui] :is(.metin-atlas-marker-trigger, .metin-atlas-marker-panel [role="switch"]) {
    min-height: 44px;
  }
  html[data-metin-ui] .metin-atlas-marker-trigger { min-width: 44px; }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-atlas-marker-control .metin-atlas-marker-panel {
    max-height: min(24rem, max(4rem, calc(100dvh - 16rem)));
  }

  html[data-metin-ui]:has(.metin-atlas-marker-panel) :is(._mobileFab_1qjpe_1, .local-server-badge) {
    visibility: hidden;
  }
}

/* LoadingWindow gauge and QuestButton scroll from mt2009. */
html[data-metin-ui] {
  --metin-activity-row-height: 44px;
}

html[data-metin-ui] ._root_1dbmx_1 {
  --metin-activity-dock-space: calc(var(--mobile-strips, 0) * var(--metin-activity-row-height));
}

html[data-metin-ui] ._contentColumnWithMobileStrips_1dbmx_71 {
  padding-bottom: var(--metin-activity-dock-space);
}

html[data-metin-ui] ._root_1dbmx_1 ._mobileFab_1qjpe_1 {
  bottom: calc(var(--mobile-nav-offset) + var(--metin-activity-dock-space) + var(--space-3));
}

html[data-metin-ui] ._root_1dbmx_1 .metin-chat._drawerMobile_1qjpe_214 {
  --metin-chat-floor: calc(var(--mobile-nav-offset) + var(--metin-activity-dock-space));
  bottom: max(var(--metin-chat-floor), calc(100dvh - var(--app-height, 100dvh)));
  max-height: min(78dvh, calc(var(--app-height, 100dvh) - var(--metin-chat-floor) - 10px));
}

html[data-metin-ui] .metin-activity-dock {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr));
  gap: 6px;
  flex: none;
  min-width: 0;
  margin: 0;
  padding: 6px 12px 0;
  list-style: none;
}

html[data-metin-ui] .metin-activity-dock:not([data-mobile]):has(> :only-child) {
  width: min(100%, 39rem);
}

html[data-metin-ui] .metin-activity-dock[data-mobile="true"] {
  position: fixed;
  z-index: calc(var(--z-sticky) + 2);
  inset: auto 0 var(--mobile-nav-offset);
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0 var(--safe-right, 0px) 0 var(--safe-left, 0px);
}

html[data-metin-ui]:has(.metin-activity-dock[data-mobile="true"]) .local-server-badge {
  display: none;
}

html[data-metin-ui] .metin-activity-row {
  min-width: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-activity-link {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: var(--metin-activity-row-height);
  padding: 2px 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  color: var(--metin-text);
  text-decoration: none;
}

html[data-metin-ui] .metin-activity-dock[data-mobile="true"] .metin-activity-link {
  height: var(--metin-activity-row-height);
}

html[data-metin-ui] .metin-activity-link:is(:hover, :focus-visible) {
  border-image-source: var(--metin-board-gold);
  background-color: #312517;
}

html[data-metin-ui] .metin-activity-link:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-activity-icon {
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  padding: 2px;
  background: #110b07 var(--metin-slot) center / 100% 100% no-repeat;
  object-fit: contain;
}

html[data-metin-ui] .metin-activity-detail {
  display: grid;
  align-content: center;
  gap: 2px;
  flex: 1;
  min-width: 0;
}

html[data-metin-ui] .metin-activity-label {
  overflow: hidden;
  color: var(--metin-gold);
  font: 700 0.82rem / 1.3 var(--metin-font);
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-metin-ui] .metin-activity-time {
  flex: none;
  font-size: 0.78rem;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] :is(.metin-activity-gauge, ._progressRail_p2vj2_223) {
  background: url("/metin-ui/loading/gauge-empty.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-activity-gauge {
  position: relative;
  display: block;
  height: 9px;
}

html[data-metin-ui] ._progressRail_p2vj2_223 {
  height: 5px;
}

html[data-metin-ui] .metin-activity-gauge::after,
html[data-metin-ui] ._progressFill_p2vj2_233 {
  position: absolute;
  inset: 0;
  background: url("/metin-ui/loading/gauge-full.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-activity-gauge::after {
  clip-path: inset(0 calc(100% - var(--metin-travel-progress)) 0 0);
  content: "";
}

html[data-metin-ui] ._progressFill_p2vj2_233 {
  width: 100%;
  clip-path: inset(0 calc(100% - var(--travel-progress, 0%)) 0 0);
  transition: none;
}

html[data-metin-ui] .metin-activity-action {
  display: grid;
  place-items: center;
  flex: none;
  min-height: 26px;
  padding: 2px 7px;
  background: var(--metin-button-normal) center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font: 700 0.75rem / 1.2 var(--metin-font);
}

html[data-metin-ui] .metin-activity-link:is(:hover, :focus-visible) .metin-activity-action {
  background-image: var(--metin-button-hover);
}

html[data-metin-ui] .metin-activity-link:active .metin-activity-action {
  background-image: var(--metin-button-pressed);
}

@media (max-width: 420px) {
  html[data-metin-ui] .metin-activity-link {
    gap: 5px;
    padding-inline: 5px;
  }

  html[data-metin-ui] .metin-activity-label {
    font-size: 0.75rem;
  }
}

/* CharacterWindow quest slots and ShopDialog controls for the daily journal and reward stock. */
html[data-metin-ui] .metin-daily-layout {
  container: metin-daily / inline-size;
  width: min(100%, 1100px);
  margin-inline: auto;
}

html[data-metin-ui] .metin-daily-windows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
}

@container metin-daily (min-width: 890px) {
  html[data-metin-ui] .metin-daily-windows:has(.metin-daily-shop) {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-daily-shop ._offerGrid_1m1qy_111 {
    max-block-size: min(52rem, 70dvh);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

html[data-metin-ui] :is(.metin-daily-board, .metin-daily-shop) {
  min-width: 0;
  gap: 6px;
  padding: 7px;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-daily-titlebar {
  display: grid;
  place-items: center;
  min-height: 30px;
  padding: 2px 10px;
  text-align: center;
}

html[data-metin-ui] .metin-daily-titlebar h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.9rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-daily-board ._boardHeader_1m1qy_26 {
  gap: 4px 8px;
  padding: 5px 7px;
}

html[data-metin-ui] .metin-daily-board ._boardTools_1m1qy_64 {
  gap: 4px 8px;
  margin-inline-start: 0;
}

html[data-metin-ui] .metin-daily-board ._reset_1m1qy_54 {
  flex-wrap: wrap;
  gap: 4px;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-daily-board ._stats_1m1qy_79 {
  display: grid;
  grid-template-columns: minmax(0, 132px) minmax(0, 1fr);
  gap: 5px;
}

html[data-metin-ui] .metin-daily-board ._stat_1m1qy_55 {
  min-height: 0;
  gap: 2px;
  padding: 5px 8px;
  box-shadow: none;
}

html[data-metin-ui] .metin-daily-board ._root_e6ifb_1 {
  display: flex;
  gap: 8px;
  padding: 6px 8px;
  background: #120e09;
  border: 1px solid #5e4a32;
  box-shadow: none;
}

html[data-metin-ui] .metin-daily-board ._mark_e6ifb_77 {
  min-width: 30px;
  min-height: 30px;
}

html[data-metin-ui] :is(.metin-daily-board ._grid_1m1qy_110, .metin-daily-shop ._offerGrid_1m1qy_111) {
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
}

@container metin-daily (min-width: 650px) and (max-width: 889px) {
  html[data-metin-ui] .metin-daily-shop ._offerGrid_1m1qy_111 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

html[data-metin-ui] .metin-daily-board .metin-daily-entry {
  min-width: 0;
  background: #17120e;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-daily-board .metin-daily-entry[data-status="completed"] {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] .metin-daily-entry ._body_1kaug_75 {
  padding: 5px 6px;
}

html[data-metin-ui] .metin-daily-entry :is(._mission_1m1qy_56, ._missionCopyBlock_1m1qy_146, ._missionFoot_1m1qy_153) {
  gap: 5px;
  min-height: 0;
}

html[data-metin-ui] .metin-daily-entry ._missionTop_1m1qy_127 {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 5px 7px;
  min-height: 0;
}

html[data-metin-ui] .metin-daily-scroll {
  box-sizing: border-box;
  object-fit: contain;
  padding: 2px;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-daily-entry ._missionTitle_1m1qy_135 {
  font: bold 0.875rem var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-daily-entry ._status_1m1qy_160 {
  max-width: 11ch;
  color: var(--metin-gold);
  font: bold 0.7rem var(--metin-font);
  text-align: end;
  text-transform: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-daily-entry [role="progressbar"] {
  background: #160e08 url("/metin-ui/gauge-slot.png") left / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] .metin-daily-entry ._fill_9w63p_47 {
  background: #5e7b9e url("/metin-ui/gauge-blue.png") left / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] .metin-daily-entry ._rewards_1m1qy_232 {
  gap: 4px;
  padding: 3px 4px;
}

html[data-metin-ui] .metin-daily-entry ._rewards_1m1qy_232 li {
  min-height: 24px;
  padding: 2px 6px;
  background: #15100b url("/metin-ui/wallet-field.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-daily-shop :is(._shopLead_1m1qy_53, ._offerHeading_1m1qy_282) {
  margin: 0;
  padding: 4px 6px;
}

html[data-metin-ui] .metin-daily-shop ._offerBlock_1m1qy_276 {
  gap: 5px;
}

html[data-metin-ui] .metin-daily-stock {
  min-width: 0;
  padding: 6px;
  background: #17120d;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-daily-stock ._inner_vfryf_19 {
  gap: 5px;
}

html[data-metin-ui] .metin-daily-stock ._header_vfryf_28 {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 6px;
}

html[data-metin-ui] .metin-daily-stock ._iconWrap_vfryf_36 {
  width: 44px;
  height: 44px;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-daily-stock ._icon_vfryf_36 {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

html[data-metin-ui] .metin-daily-stock ._nameRow_vfryf_141 {
  flex-wrap: wrap;
  gap: 2px 4px;
  min-height: 0;
  padding: 4px 6px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-daily-stock ._contentItem_1m1qy_319 span {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-daily-stock ._footer_vfryf_274 {
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding-top: 4px;
}

html[data-metin-ui] .metin-daily-stock ._footer_vfryf_274 button {
  width: auto;
}

html[data-metin-ui] :is(.metin-daily-stock ._footer_vfryf_274, .metin-daily-entry ._missionFoot_1m1qy_153) button {
  --metin-daily-button: var(--metin-shop-middle);
  min-height: 34px;
  border-image: var(--metin-daily-button) 5 11 fill / 5px 11px / 0 stretch;
}

html[data-metin-ui] :is(.metin-daily-stock ._footer_vfryf_274, .metin-daily-entry ._missionFoot_1m1qy_153) button:hover:not(:disabled) {
  --metin-daily-button: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-daily-stock ._footer_vfryf_274, .metin-daily-entry ._missionFoot_1m1qy_153) button:active:not(:disabled) {
  --metin-daily-button: var(--metin-shop-middle-pressed);
}

@media (max-width: 480px) {
  html[data-metin-ui] .metin-daily-board ._stats_1m1qy_79 {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-daily-board ._stat_1m1qy_55 {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  html[data-metin-ui] :is(.metin-daily-stock ._footer_vfryf_274, .metin-daily-entry ._missionFoot_1m1qy_153) button {
    min-height: 40px;
  }
}

/* The dashboard combines the CharacterWindow, quest list and native game boards. */
html[data-metin-ui] .metin-dashboard {
  width: min(100%, 76rem);
  min-width: 0;
  margin-inline: auto;
  gap: 10px;
}

html[data-metin-ui] .metin-dashboard-title {
  position: relative;
  z-index: 1;
  min-height: 26px;
  margin: 0;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
}

html[data-metin-ui] .metin-dashboard ._grid_1tyub_52 {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

html[data-metin-ui] .metin-dashboard-panel {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-dashboard[data-shared-backdrop] .metin-dashboard-panel {
  background: #130f0bd9;
}

html[data-metin-ui] .metin-dashboard ._grid_1tyub_52 > .metin-dashboard-panel > .metin-dashboard-panel-title {
  display: grid;
  place-items: center;
  min-height: 25px;
  margin: 0;
  padding: 3px 7px;
}

html[data-metin-ui] .metin-dashboard-panel-title h2 {
  margin: 0;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
}

html[data-metin-ui] .metin-dashboard-panel-content {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  min-height: 0;
}

html[data-metin-ui] .metin-dashboard .metin-dashboard-actions {
  flex: 0 0 auto;
  min-width: 0;
  margin: auto 0 0;
  padding: 4px 5px;
  border: 1px solid #534332;
  background: url('/metin-ui/taskbar.png') left bottom / auto 37px repeat-x #19140f;
}

html[data-metin-ui] .metin-dashboard-actions ._headerActions_f6qwr_7 {
  justify-content: space-between;
  gap: 5px;
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-dashboard-actions ._headerLinks_s6ss8_7 {
  justify-content: flex-end;
}

html[data-metin-ui] .metin-dashboard-actions a {
  display: inline-flex;
  min-width: 0;
  min-height: 29px;
  padding: 3px 9px;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-image: var(--metin-button-normal) 5 11 fill / 5px 11px / 0 stretch;
  background: #20180f;
  color: var(--metin-gold);
  text-transform: none;
  letter-spacing: normal;
}

html[data-metin-ui] .metin-dashboard-actions a:is(:hover, :focus-visible) {
  border-image-source: var(--metin-button-hover);
}

html[data-metin-ui] .metin-dashboard-actions a:active {
  border-image-source: var(--metin-button-pressed);
}

html[data-metin-ui] .metin-dashboard ._stageRow_p5iy9_13 {
  gap: 8px;
}

html[data-metin-ui] .metin-dashboard ._portraitSlot_p5iy9_24 {
  min-width: 0;
  padding: 4px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: #120d0a;
}

html[data-metin-ui] .metin-dashboard ._portraitSlot_p5iy9_24 :is(figure, figure > div, ._heroAvatarSlot_p5iy9_54) {
  min-height: 0;
}

html[data-metin-ui] .metin-dashboard ._portraitSlot_p5iy9_24 figure > ._stage_35n7h_6 {
  aspect-ratio: auto;
  height: 100%;
  min-height: 188px;
  background: radial-gradient(ellipse at 50% 32%, #493829, #17120e 70%);
}

html[data-metin-ui] .metin-dashboard ._portraitSlot_p5iy9_24 ._chrome_35n7h_41 {
  display: none;
}

html[data-metin-ui] .metin-dashboard ._identityRow_p5iy9_86 {
  flex-wrap: wrap;
  gap: 6px;
  align-items: flex-start;
}

html[data-metin-ui] .metin-dashboard ._identity_p5iy9_86 {
  gap: 5px;
  max-width: 100%;
}

html[data-metin-ui] .metin-dashboard-identity {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

html[data-metin-ui] .metin-dashboard-identity > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

html[data-metin-ui] .metin-dashboard-face {
  position: relative;
  display: grid;
  flex: 0 0 49px;
  place-items: center;
  height: 49px;
  background: #16100b;
}

html[data-metin-ui] .metin-dashboard-face::after {
  position: absolute;
  inset: 0;
  content: '';
  background: url('/metin-ui/status/portrait-frame.png') center / contain no-repeat;
  pointer-events: none;
}

html[data-metin-ui] .metin-dashboard ._name_p5iy9_100 {
  width: max-content;
  max-width: 100%;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-wide.png') 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  font-size: 15px;
}

html[data-metin-ui] .metin-dashboard ._freePoints_p5iy9_112 {
  gap: 5px;
}

html[data-metin-ui] .metin-dashboard-points {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 29px;
  padding: 1px 6px 1px 3px;
  border: 1px solid #6f5538;
  background: #291e14;
  color: var(--metin-gold);
  font-size: 12px;
  text-decoration: none;
}

html[data-metin-ui] .metin-dashboard-points::before {
  content: '';
  flex: 0 0 22px;
  height: 22px;
  background: url('/metin-ui/dashboard/points-normal.png') center / contain no-repeat;
}

html[data-metin-ui] .metin-dashboard-points:is(:hover, :focus-visible)::before {
  background-image: url('/metin-ui/dashboard/points-hover.png');
}

html[data-metin-ui] .metin-dashboard-points:active::before {
  background-image: url('/metin-ui/dashboard/points-pressed.png');
}

html[data-metin-ui] .metin-dashboard :is(._sectionTitle_p5iy9_161, ._columns_s6ss8_99) {
  padding: 3px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  background-color: #35271b;
  color: var(--metin-gold);
  text-transform: none;
  letter-spacing: normal;
}

html[data-metin-ui] .metin-dashboard ._powerTable_p5iy9_179 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px 5px;
  padding: 4px;
}

html[data-metin-ui] .metin-dashboard ._powerRow_p5iy9_189 {
  gap: 3px;
  min-width: 0;
  padding: 2px 4px;
  align-items: center;
  border: 0;
}

html[data-metin-ui] .metin-dashboard ._powerLabel_p5iy9_202 {
  color: var(--metin-gold);
  font-size: 11px;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-dashboard ._powerValue_p5iy9_210 {
  display: inline-flex;
  justify-content: center;
  min-width: 42px;
  padding: 2px 4px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/status/value-small.png') 4 fill / 4px / 0 stretch;
  color: var(--metin-text);
  font-size: 12px;
  line-height: 1.25;
}

html[data-metin-ui] .metin-dashboard :is(._list_f6qwr_35, ._list_1gkz3_12, ._scroll_s6ss8_129) {
  scrollbar-width: thin;
  scrollbar-color: #8b7350 #1c150d;
}

html[data-metin-ui] .metin-dashboard ._iconSlot_f6qwr_84 {
  min-width: 34px;
  min-height: 34px;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-dashboard ._row_f6qwr_51[data-claimable='true'] {
  background: #3b2b1c;
}

html[data-metin-ui] .metin-dashboard ._iconSlot_3pvou_77 {
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-dashboard [data-dashboard-activity='travel'] {
  background: url('/metin-ui/quest-scroll-close.png') center / 24px no-repeat, var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-dashboard [data-dashboard-activity='challenges'] {
  background: url('/metin-ui/quest-scroll-open.png') center / 24px no-repeat, var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-dashboard [data-dashboard-activity]:is([data-dashboard-activity='travel'], [data-dashboard-activity='challenges']) svg {
  visibility: hidden;
}

html[data-metin-ui] .metin-dashboard ._row_1gkz3_28 {
  align-items: center;
  min-height: 39px;
  padding: 5px 7px;
  box-shadow: inset 0 -1px #534332;
}

html[data-metin-ui] .metin-dashboard ._row_1gkz3_28::before {
  content: '';
  flex: 0 0 21px;
  height: 21px;
  background: url('/metin-ui/mail/envelope.png') center / contain no-repeat;
}

html[data-metin-ui] .metin-dashboard ._row_1gkz3_28[data-read='true']::before {
  opacity: .6;
}

html[data-metin-ui] .metin-dashboard :is(._message_1gkz3_58, ._questTitle_f6qwr_114, ._statLabel_s6ss8_67) {
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-dashboard ._grid_1tyub_52 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-metin-ui] .metin-dashboard ._stageRow_p5iy9_13 {
    grid-template-columns: clamp(12rem, 25%, 19rem) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-dashboard ._columns_s6ss8_99 {
    padding: 0;
  }
}

@media (min-width: 1180px) {
  html[data-metin-ui] .metin-dashboard ._grid_1tyub_52 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (768px <= width < 1120px) {
  html[data-metin-ui] .metin-dashboard :is(._columns_s6ss8_99, ._row_s6ss8_100) {
    grid-template-columns: 2.6rem minmax(0, 1fr) 3.6rem 6rem 5.25rem 9rem;
  }

  html[data-metin-ui] .metin-dashboard ._action_s6ss8_361 {
    padding-inline: 3px;
    font-size: 11px;
    white-space: normal;
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-dashboard {
    margin-block-end: 53px;
  }

  html[data-metin-ui] .metin-dashboard ._portraitSlot_p5iy9_24 figure > ._stage_35n7h_6 {
    height: min(220px, 31dvh);
    min-height: 150px;
  }

  html[data-metin-ui] .metin-dashboard :is(.metin-dashboard-actions a, .metin-dashboard-points) {
    min-height: 38px;
  }

  html[data-metin-ui] .metin-dashboard ._row_f6qwr_51 {
    gap: 5px 7px;
    padding: 5px 6px;
  }

  html[data-metin-ui] .metin-dashboard ._row_f6qwr_51 > button {
    grid-column: 2 / -1;
    justify-self: end;
    min-height: 36px;
  }

  html[data-metin-ui] .metin-dashboard ._stat_s6ss8_40 {
    padding: 4px 6px;
  }
}

html[data-metin-ui] .metin-progression-window {
  width: min(100%, 1060px);
  min-width: 0;
  gap: 9px;
  margin-inline: auto;
  padding: 9px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-progression-window > ._beforeTabs_1nw2n_10 {
  position: static;
  width: auto;
  height: auto;
  flex: none;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-progression-window > ._content_1nw2n_18 {
  min-width: 0;
  padding: 0;
}

html[data-metin-ui] .metin-progression-window > [data-sticky-hub] {
  position: sticky;
  top: 0;
  margin: 0;
  border: 1px solid #5c4b37;
  background: url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x #201a15;
}

html[data-metin-ui] .metin-progression-window > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-progression-window :is(.metin-progression-title, .metin-progression-board-title) {
  display: grid;
  place-items: center;
  min-height: 30px;
  padding: 3px 8px;
}

html[data-metin-ui] .metin-progression-window :is(.metin-progression-title h1, .metin-progression-board-title h2) {
  margin: 0;
  font: 700 16px / 1.25 Tahoma, sans-serif;
  text-align: center;
}

html[data-metin-ui] .metin-progression-tabs {
  width: min(100%, 540px);
  margin-inline: auto;
}

html[data-metin-ui] .metin-progression-tabs [role="tab"] {
  min-height: 34px;
  padding: 4px 7px;
  font-size: 13px;
}

html[data-metin-ui] .metin-progression-board {
  display: grid;
  gap: 9px;
  min-width: 0;
  padding: 9px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-progression-board :is(._root_mkwz3_1, ._root_1lkwj_1) {
  gap: 9px;
  min-width: 0;
}

html[data-metin-ui] .metin-achievement-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-achievement-row {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #594833;
  background: #17120dc9;
}

html[data-metin-ui] .metin-achievement-scroll {
  width: 36px;
  height: 36px;
  padding: 3px;
  object-fit: contain;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-achievement-body {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-achievement-body ._cardHeader_mkwz3_42 {
  flex-wrap: wrap;
  gap: 4px;
}

html[data-metin-ui] .metin-achievement-body ._templateId_mkwz3_49 {
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-achievement-body ._progressLabel_mkwz3_58 {
  justify-self: end;
}

html[data-metin-ui] .metin-progression-board ._seasonCard_1lkwj_13 {
  min-width: 0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
}

html[data-metin-ui] .metin-progression-board ._seasonCard_1lkwj_13 > ._body_11w98_56 {
  padding: 10px 12px;
}

html[data-metin-ui] .metin-progression-board ._seasonName_1lkwj_25 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 16px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-progression-board :is(._seasonTheme_1lkwj_31, ._hint_1lkwj_60, ._hint_mkwz3_70) {
  margin: 0;
}

html[data-metin-ui] .metin-pass-track {
  --metin-pass-label-width: 100px;
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 7px;
  overflow-x: auto;
  scroll-padding-inline-start: calc(var(--metin-pass-label-width) + 6px);
  border: 1px solid #695438;
  background: #120f0c;
}

html[data-metin-ui] .metin-pass-row {
  display: grid;
  grid-template-columns: var(--metin-pass-label-width) max-content;
  align-items: stretch;
  gap: 5px;
  width: max-content;
}

html[data-metin-ui] .metin-pass-track-label {
  position: sticky;
  z-index: 1;
  left: 0;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 3px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  background: #2f2215;
  color: var(--metin-gold);
  font: 700 12px / 1.25 Tahoma, sans-serif;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pass-row ol {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-pass-slot {
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 3px;
  width: 64px;
  min-height: 62px;
  padding: 2px;
  background: var(--metin-slot) center / 100% 100% no-repeat #140f0b;
  color: var(--metin-muted);
  font: 700 12px / 1.1 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-pass-slot[data-state="claimable"] {
  color: var(--metin-gold);
  box-shadow: inset 0 0 0 1px #966f3e;
}

html[data-metin-ui] .metin-pass-slot[data-current] {
  background-image: url("/metin-ui/slot-selected.png");
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-pass-slot[data-state="claimed"] ._checkmark_1pom1_70 {
  display: block;
  width: 19px;
  height: 13px;
  background: url("/metin-ui/check-mark.png") center / contain no-repeat;
  font-size: 0;
}

html[data-metin-ui] .metin-pass-slot ._claimButton_1pom1_80 {
  position: static;
  width: auto;
  max-width: 100%;
  min-height: 24px;
  padding: 2px 4px;
  border-radius: 0;
  font-size: 10px;
}

@media (max-width: 700px) {
  html[data-metin-ui] .metin-progression-window,
  html[data-metin-ui] .metin-progression-board {
    gap: 5px;
    padding: 5px;
  }

  html[data-metin-ui] .metin-progression-tabs [role="tab"] {
    min-height: 44px;
    padding-inline: 4px;
    font-size: 11px;
  }

  html[data-metin-ui] .metin-progression-tabs ._label_1ic98_99 {
    white-space: normal;
  }

  html[data-metin-ui] .metin-pass-track {
    --metin-pass-label-width: 74px;
  }

  html[data-metin-ui] .metin-pass-slot {
    width: 69px;
    min-height: 67px;
  }

  html[data-metin-ui] .metin-pass-slot ._claimButton_1pom1_80 {
    min-height: 42px;
  }
}

/* Native TargetBoard next to the player gauges from TaskBar. */
html[data-metin-ui] .metin-live-combat {
  box-sizing: border-box;
  width: min(100%, 71rem);
  margin-inline: auto;
}

/* Actual values change on the shared server event. Only the separate ghost
   trail fades after a hit; a second width tween would delay the 2D health bar. */
html[data-metin-ui] .metin-live-combat ._fill_9w63p_47 { transition: none; }
html[data-metin-ui][data-metin-combat-clock] ._vitalFill_1v0xl_228 { transition: none; }

html[data-metin-ui] .metin-live-combat .metin-live-combat-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  gap: 7px;
  padding: 6px;
  background: transparent;
  border: 0;
}

html[data-metin-ui] .metin-live-combat-header .metin-live-actions {
  justify-self: end;
  padding: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-live-actions._actionsPinned_1o31l_645 {
  padding-inline-end: calc(60px + var(--safe-right, 0px));
}

html[data-metin-ui] .metin-live-actions._actionsPinned_1o31l_645 ._stopFull_1o31l_623 { min-height: 44px; }

html[data-metin-ui] .metin-combat-rank-gain { display:flex;align-items:baseline;justify-content:flex-end;gap:5px;min-width:0;max-width:100%;font:12px/1.3 var(--metin-font);color:#d4bf93;text-shadow:0 1px 2px #000; }
html[data-metin-ui] .metin-combat-rank-gain strong { color:#b6d9ff;font-variant-numeric:tabular-nums;white-space:nowrap; }
html[data-metin-ui] .metin-combat-actions-with-rank > .metin-combat-rank-gain { flex:0 0 100%;grid-column:1 / -1;margin:0 0 4px; }
html[data-metin-ui] .metin-combat-actions-with-rank { flex-wrap:wrap; }
html[data-metin-ui] .metin-combat-away > .metin-combat-rank-gain { justify-content:flex-start;margin:4px 0 8px; }

html[data-metin-ui] .metin-live-combat .metin-live-combat-header::before { content: none; }

html[data-metin-ui] .metin-live-combat ._screenTitle_1o31l_212 {
  width: 100%;
  min-height: 28px;
  padding: 4px 8px;
  font-size: 0.9375rem;
  text-align: center;
}

html[data-metin-ui] .metin-live-combat ._portraitBlock_1o31l_102 > * { width: 100%; }

html[data-metin-ui] .metin-live-combat .metin-live-fighters {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 0;
  border: 0;
  border-image: none;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-live-combat :is(.metin-live-player, .metin-live-target, .metin-live-quickslots) {
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: inset 0 1px 8px #0007;
}

html[data-metin-ui] .metin-live-combat .metin-live-player { gap: 6px; }

html[data-metin-ui] .metin-live-combat :is(.metin-live-player > h3, .metin-live-target h3) {
  margin: 0;
  color: var(--metin-gold);
  font: 700 0.875rem/1.25 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-live-combat ._playerBars_1o31l_270 {
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  padding-inline: 4px;
}

html[data-metin-ui] .metin-live-combat ._playerBars_1o31l_270 > div {
  display: grid;
  grid-template-columns: minmax(4.4rem, 0.95fr) minmax(0, 1.05fr) minmax(0, auto);
  align-items: center;
  gap: 5px;
}

html[data-metin-ui] .metin-live-combat ._playerBars_1o31l_270 > ._expRow_1o31l_277 { order: 1; }
html[data-metin-ui] .metin-live-combat ._vitalExact_1o31l_489 { font-size: 0.6875rem; text-align: end; }
html[data-metin-ui] .metin-live-combat ._hpLabel_1o31l_458 { font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

html[data-metin-ui] .metin-live-exp {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}

html[data-metin-ui] .metin-live-exp > span {
  position: relative;
  width: 14px;
  height: 14px;
  background: url("/metin-ui/hud/exp-empty.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-live-exp > span::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/metin-ui/hud/exp-point.png") center / contain no-repeat;
  clip-path: inset(calc(100% - var(--metin-orb-fill)) 0 0);
}

html[data-metin-ui] .metin-live-target-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 2px 5px;
}

html[data-metin-ui] .metin-live-target:not([data-waiting]) ._hpLabel_1o31l_458 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

html[data-metin-ui] .metin-live-target ._hpPercent_1o31l_466 { margin-inline-start: auto; }

html[data-metin-ui] .metin-live-combat .metin-live-affects {
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 3px;
  margin-block-start: 4px;
}

html[data-metin-ui] .metin-live-affects [role="listitem"] {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  padding: 0;
  background: #130e0a var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-live-affects ._glyphMark_11fu7_49 { width: 24px; height: 24px; object-fit: contain; }

html[data-metin-ui] .metin-live-affects ._remaining_11fu7_57 {
  position: absolute;
  inset: auto 0 0;
  color: #fff2cf;
  font: 700 0.625rem/1.15 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  text-align: center;
}

html[data-metin-ui] .metin-live-combat .metin-live-log {
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: #18120e;
}

html[data-metin-ui] .metin-live-combat .metin-live-log ._head_1jc7l_15 { padding: 6px; }

html[data-metin-ui] .metin-live-combat .metin-live-log button { min-height: 32px; }

@media (min-width: 900px) {
  html[data-metin-ui] .metin-live-combat .metin-live-fighters {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-live-combat .metin-live-log button { min-height: 44px; }
  html[data-metin-ui] .metin-live-combat ._playerBars_1o31l_270 > div { grid-template-columns: minmax(0, 1fr) minmax(4rem, 1fr); }
  html[data-metin-ui] .metin-live-combat ._vitalExact_1o31l_489 { grid-column: 2; }
  html[data-metin-ui] .metin-live-combat ._hpPercent_1o31l_466 { font-size: 0.6875rem; }
}
html[data-metin-ui] .metin-live-dps-note { grid-column: 1 / -1; flex: 0 0 100%; margin: 2px 0 6px; color: #ccb88f; font-size: 11px; line-height: 1.4; text-align: center; }

/* Loot uses the inventory's Slot_Base and Slot_Toggle with a Yang marker for sales. */
html[data-metin-ui] .metin-combat-loot {
  --metin-loot-cell-size: 40px;
  min-width: 0;
  gap: 4px;
}

html[data-metin-ui] .metin-combat-loot[data-slot-size="md"] {
  --metin-loot-cell-size: 48px;
}

html[data-metin-ui] .metin-combat-loot[data-slot-size="lg"] {
  --metin-loot-cell-size: 54px;
}

html[data-metin-ui] .metin-combat-loot ._row_evbxc_8 {
  margin: 0;
  list-style: none;
}

html[data-metin-ui] .metin-combat-loot ._row_evbxc_8:not(._rowRecent_evbxc_19) {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--metin-loot-cell-size)), var(--metin-loot-cell-size)));
  gap: 3px;
  padding: 3px;
  border: 1px solid #523f2b;
  background: #100c09;
}

html[data-metin-ui] .metin-combat-loot ._row_evbxc_8:not(._rowRecent_evbxc_19) > li {
  max-width: none;
}

html[data-metin-ui] .metin-combat-loot[data-variant="lost"] ._row_evbxc_8:not(._rowRecent_evbxc_19) {
  border-color: #774d3b;
}

html[data-metin-ui] .metin-combat-loot ._slotWrap_evbxc_27 > button {
  border: 0;
  border-image: none;
  border-radius: 0;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-combat-loot [data-loot-sale="sell"] > button {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] .metin-combat-loot ._slotWrap_evbxc_27 > button:is(:hover, :focus-visible) {
  outline: 1px solid #b48c54;
  outline-offset: -1px;
}

html[data-metin-ui] .metin-combat-loot ._slotWrap_evbxc_27 > button ._chrome_xb5gk_153 {
  display: none;
}

html[data-metin-ui] .metin-combat-loot-sale-mark {
  position: absolute;
  inset: auto auto 3px 3px;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  border: 1px solid #8a663b;
  background: #22170e;
  pointer-events: none;
}

html[data-metin-ui] .metin-combat-loot-sale-mark img {
  object-fit: contain;
}

html[data-metin-ui] :is(.metin-combat-loot ._overflowBtn_evbxc_81, .metin-combat-away ._dismiss_j9ahx_52, .metin-combat-loot-bank ._toolBtn_1i1c0_29) {
  --metin-combat-loot-button: url("/metin-ui/economy/middle-normal.png");
  min-height: 30px;
  height: auto;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-image: var(--metin-combat-loot-button) 5 8 fill / 5px 8px / 0 stretch;
  border-radius: 0;
  background: transparent;
  color: var(--metin-gold);
  box-shadow: none;
  font: 700 12px / 1.2 Tahoma, sans-serif;
}

html[data-metin-ui] :is(.metin-combat-loot ._overflowBtn_evbxc_81, .metin-combat-away ._dismiss_j9ahx_52, .metin-combat-loot-bank ._toolBtn_1i1c0_29):is(:hover, :focus-visible) {
  --metin-combat-loot-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(.metin-combat-loot ._overflowBtn_evbxc_81, .metin-combat-away ._dismiss_j9ahx_52, .metin-combat-loot-bank ._toolBtn_1i1c0_29):active {
  --metin-combat-loot-button: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-combat-away {
  gap: 6px;
  padding: 6px;
}

html[data-metin-ui] .metin-combat-away-heading {
  flex-wrap: wrap;
  min-height: 31px;
  gap: 4px;
  padding: 3px 6px;
  border: 1px solid #5c452d;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
}

html[data-metin-ui] .metin-combat-away ._title_j9ahx_22,
html[data-metin-ui] .metin-combat-away ._highlightsLabel_j9ahx_130 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  text-transform: none;
}

html[data-metin-ui] .metin-combat-away ._away_j9ahx_40 {
  color: var(--metin-text);
  font-size: 12px;
}

html[data-metin-ui] .metin-combat-away-score {
  border: 1px solid #543e29;
  box-shadow: none;
}

html[data-metin-ui] .metin-combat-away-score ._stat_j9ahx_91 {
  align-items: center;
  min-height: 29px;
  gap: 4px;
  padding: 3px 5px;
  background: #16100bc4;
}

html[data-metin-ui] .metin-combat-away-score ._statLabel_j9ahx_102 {
  color: var(--metin-muted);
  font: 12px / 1.2 Tahoma, sans-serif;
  text-overflow: clip;
  text-transform: none;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-combat-away-score ._statValue_j9ahx_114 {
  color: var(--metin-gold);
  font: 700 12px / 1.2 Tahoma, sans-serif;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-combat-away-items {
  display: grid;
  gap: 4px;
}

@media (min-width: 850px) {
  html[data-metin-ui] .metin-combat-loot-bank ._overflowBtn_evbxc_81 {
    align-self: flex-end;
  }
}

@media (max-width: 640px), (pointer: coarse) {
  html[data-metin-ui] .metin-combat-loot[data-slot-size] {
    --metin-loot-cell-size: 44px;
  }

  html[data-metin-ui] :is(
    .metin-combat-loot ._overflowBtn_evbxc_81, .metin-combat-away ._dismiss_j9ahx_52,
    .metin-combat-loot-bank ._toolBtn_1i1c0_29, .metin-combat-loot-actions button
  ) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-combat-loot-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  html[data-metin-ui] .metin-combat-loot-actions button {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 390px) {
  html[data-metin-ui] .metin-combat-away-score {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* The completed PvE screen keeps its loot controls, with the native score ledger next to the loot board. */
html[data-metin-ui] ._shell_1s9pt_1 {
  width: min(100%, 1060px);
  margin-inline: auto;
  container-type: inline-size;
}

html[data-metin-ui] ._root_1s9pt_5 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  padding: 9px;
}

html[data-metin-ui] ._root_1s9pt_5 > * {
  grid-column: 1 / -1;
  min-width: 0;
}

html[data-metin-ui] ._root_1s9pt_5 ._atmosphere_1s9pt_6,
html[data-metin-ui] .metin-replay-report ._atmosphere_15xde_21 {
  display: none;
}

html[data-metin-ui] ._root_1s9pt_5 ._summaryGrid_1s9pt_38 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 6px 8px;
  background: #130f0bbb;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] ._root_1s9pt_5 ._summaryCard_1s9pt_106 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  min-height: 30px;
  gap: 5px;
  padding: 4px 3px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #634c314e;
  border-image: none;
  box-shadow: none;
}

html[data-metin-ui] ._root_1s9pt_5 ._summaryCard_1s9pt_106:last-child {
  border-bottom: 0;
}

html[data-metin-ui] ._root_1s9pt_5 ._summaryLabel_1s9pt_137 {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  font: 12px / 1.25 Tahoma, sans-serif;
  text-align: start;
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] ._root_1s9pt_5 ._summaryValue_1s9pt_124 {
  grid-column: 2;
  grid-row: 1;
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] ._root_1s9pt_5 ._lootSection_1s9pt_40 {
  gap: 6px;
  padding: 7px;
  background: #130f0bbb;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

@container (min-width: 700px) {
  html[data-metin-ui] ._root_1s9pt_5:has(> ._lootSection_1s9pt_40) {
    grid-template-columns: minmax(0, 290px) minmax(0, 1fr);
  }

  html[data-metin-ui] ._root_1s9pt_5:has(> ._lootSection_1s9pt_40) > ._summaryGrid_1s9pt_38 {
    grid-column: 1;
  }

  html[data-metin-ui] ._root_1s9pt_5 > ._lootSection_1s9pt_40 {
    grid-column: 2;
  }
}

/* Detailed PvE reports use a label/value ledger and retain the original curves and per-skill breakdowns. */
html[data-metin-ui] .metin-fight-report {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 8px;
  container-type: inline-size;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
}

html[data-metin-ui] .metin-fight-report-title {
  display: grid;
  place-items: center;
  min-height: 28px;
  padding: 3px 8px;
}

html[data-metin-ui] .metin-fight-report-title h3 {
  margin: 0;
  font: 700 15px / 1.25 Tahoma, sans-serif;
  text-align: center;
}

html[data-metin-ui] .metin-fight-report-note {
  margin: 0;
  color: var(--metin-muted);
  font-size: 12px;
}

html[data-metin-ui] .metin-fight-report-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-metin-ui] .metin-fight-report-score,
html[data-metin-ui] .metin-fight-report-charts {
  min-width: 0;
}

html[data-metin-ui] .metin-fight-report-score ._list_rokeg_39 {
  max-height: min(360px, 52dvh);
  margin: 0;
  padding: 3px;
  overflow-y: auto;
  background: #130f0bbd;
  border: 1px solid #5b4832;
}

html[data-metin-ui] .metin-fight-report-score ._row_rokeg_47 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, max-content);
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  padding: 4px 5px;
}

html[data-metin-ui] .metin-fight-report-score ._value_rokeg_69 {
  max-width: min(26ch, 40vw);
  margin: 0;
  color: var(--metin-gold);
  font-variant-numeric: tabular-nums;
  text-align: end;
  white-space: normal;
  overflow-wrap: anywhere;
}

@container (min-width: 760px) {
  html[data-metin-ui] .metin-fight-report-grid[data-curves] {
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.5fr);
  }
}

/* The PvP replay's two TargetBoards and ChatLogWindow follow the same native textures as live combat. */
html[data-metin-ui] .metin-replay-report {
  min-width: 0;
  gap: 8px;
  padding: 8px;
}

html[data-metin-ui] .metin-replay-report .metin-replay-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 38px;
  padding: 5px 12px;
}

html[data-metin-ui] .metin-replay-header ._title_15xde_135 {
  font: 700 18px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-replay-targets {
  --combat-player-hp-fill: #b32c23 url("/metin-ui/gauge-red.png") left center / 16px 100% repeat-x;
  --combat-enemy-hp-fill: var(--combat-player-hp-fill);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 5px;
}

html[data-metin-ui] .metin-replay-targets .metin-replay-target {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-areas: "avatar name" "hp hp";
  align-items: center;
  gap: 5px 7px;
  min-width: 0;
  padding: 8px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  box-shadow: none;
  text-align: start;
}

html[data-metin-ui] .metin-replay-target ._avatar_15xde_221 {
  grid-area: avatar;
  width: 46px;
  height: 46px;
}

html[data-metin-ui] .metin-replay-target ._fighterMeta_15xde_231 {
  grid-area: name;
  min-width: 0;
}

html[data-metin-ui] .metin-replay-target ._fighterName_15xde_249 {
  font: 700 14px / 1.25 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-replay-target ._hpBlock_15xde_283 {
  grid-area: hp;
  min-width: 0;
  text-align: start;
}

html[data-metin-ui] .metin-replay-target ._vitalExact_15xde_313 {
  font-size: 11px;
}

html[data-metin-ui] .metin-replay-score {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  margin: 0;
  padding: 4px;
  background: #130f0bba;
  border: 1px solid #624d34;
}

html[data-metin-ui] .metin-replay-score > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding: 5px;
  border: 1px solid #614c344f;
  font-size: 12px;
}

html[data-metin-ui] .metin-replay-score dd {
  margin: 0;
  color: var(--metin-gold);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-replay-report .metin-replay-moves {
  gap: 5px;
  min-width: 0;
  padding: 5px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
}

html[data-metin-ui] .metin-replay-moves ._title_g64ng_17 {
  margin: 0;
  padding: 4px 8px;
  border-image: url("/metin-ui/chat-titlebar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  font: 700 13px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-replay-moves ._scroll_g64ng_33 {
  max-height: min(350px, 48dvh);
  overflow-x: hidden;
  overflow-y: auto;
}

html[data-metin-ui] .metin-replay-moves ._row_g64ng_81 {
  gap: 4px;
  padding: 6px;
  border-radius: 0;
}

@media (max-width: 640px) {
  html[data-metin-ui] ._root_1s9pt_5 ._claimButton_1s9pt_267,
  html[data-metin-ui] .metin-replay-header button {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-replay-targets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    padding: 3px;
  }

  html[data-metin-ui] .metin-replay-targets ._vsBadge_15xde_327 {
    display: none;
  }

  html[data-metin-ui] .metin-replay-targets .metin-replay-target {
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 3px;
    padding: 5px;
  }

  html[data-metin-ui] .metin-replay-target ._avatar_15xde_221 {
    width: 30px;
    height: 30px;
  }

  html[data-metin-ui] .metin-replay-target ._fighterName_15xde_249 {
    font-size: 12px;
  }

  html[data-metin-ui] .metin-replay-score {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 390px) {
  html[data-metin-ui] .metin-replay-targets {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-replay-targets .metin-replay-target {
    grid-template-columns: 30px minmax(0, 1fr) minmax(80px, .9fr);
    grid-template-areas: "avatar name hp";
  }

  html[data-metin-ui] .metin-replay-target ._hpLabel_15xde_297 {
    display: none;
  }
}

/* FishingWindow's square stage and FishingGameDialog's original atlas rail. */
html[data-metin-ui] .metin-fishing-layout {
  container: metin-fishing / inline-size;
  width: min(100%, 1020px);
  margin-inline: auto;
}

html[data-metin-ui] .metin-fishing-window {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 6px;
  padding: 7px;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-fishing-titlebar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  min-height: 31px;
  padding: 3px 10px;
  text-align: center;
}

html[data-metin-ui] .metin-fishing-titlebar h2 {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.9rem var(--metin-font);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-fishing-setup,
html[data-metin-ui] .metin-fishing-session ._sessionBody_1ibis_96 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  min-width: 0;
  gap: 8px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

@container metin-fishing (min-width: 680px) {
  html[data-metin-ui] .metin-fishing-setup,
  html[data-metin-ui] .metin-fishing-session ._sessionBody_1ibis_96 {
    grid-template-columns: minmax(0, 252px) minmax(0, 1fr);
  }
}

@container metin-fishing (max-width: 679px) {
  html[data-metin-ui] .metin-fishing-locations {
    grid-row: 1;
  }
}

html[data-metin-ui] :is(.metin-fishing-supplies, .metin-fishing-readout) {
  display: grid;
  min-width: 0;
  gap: 6px;
}

html[data-metin-ui] :is(.metin-fishing-locations, .metin-fishing-station),
html[data-metin-ui] .metin-fishing-supplies :is(._card_2po6s_1, ._infoCard_1ibis_9) {
  min-width: 0;
  gap: 5px;
  padding: 6px;
  background: #15110c;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-supplies ._hints_1ibis_23 {
  gap: 4px;
}

html[data-metin-ui] .metin-fishing-locations ._groupTitle_1ibis_43,
html[data-metin-ui] .metin-fishing-session ._catchesHeader_1ibis_439 {
  margin: 0;
  padding: 4px 7px;
  color: var(--metin-gold);
  background: #21170f var(--metin-shop-bar) center / 100% 100% no-repeat;
  box-shadow: none;
  font: bold 0.83rem var(--metin-font);
}

html[data-metin-ui] .metin-fishing-locations ._sectionEntry_1ibis_65 {
  min-width: 0;
  background: #18130e;
  border: 1px solid #59452d;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-locations ._sectionEntrySelected_1ibis_78 {
  border-color: #9c7950;
}

html[data-metin-ui] .metin-fishing-locations ._row_p2vj2_1 {
  padding: 6px 8px;
}

html[data-metin-ui] .metin-fishing-locations ._infoButton_p2vj2_100 {
  border-radius: 0;
}

html[data-metin-ui] .metin-fishing-station {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

html[data-metin-ui] .metin-fishing-place {
  margin: 0;
  color: var(--metin-gold);
  font: bold 0.85rem var(--metin-font);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-fishing-pool {
  display: grid;
  place-items: center;
  width: min(100%, 166px);
  aspect-ratio: 1;
  background: #17363b url("/metin-ui/fishing/water.webp") center / cover no-repeat;
  border: 2px solid #6c6359;
  box-shadow: inset 0 0 0 1px #35302d, inset 0 0 22px #0009;
}

html[data-metin-ui] .metin-fishing-gauge {
  position: relative;
  width: 23px;
  height: 91%;
  background: url("/metin-ui/fishing/gauge.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-fishing-gauge-fill {
  position: absolute;
  inset-inline: 31% 5%;
  bottom: 3%;
  height: calc(var(--metin-fishing-check) * 94%);
  background: #39ce2a60;
}

html[data-metin-ui] .metin-fishing-gauge img {
  position: absolute;
  top: calc(93% - var(--metin-fishing-check) * 86%);
  left: 65%;
  translate: -50% -50%;
  width: 26px;
  height: 26px;
  object-fit: contain;
}

html[data-metin-ui] .metin-fishing-live {
  margin: 0;
  color: var(--metin-muted);
  font-size: 0.76rem;
}

html[data-metin-ui] .metin-fishing-session ._actions_1ibis_460 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  width: 100%;
}

html[data-metin-ui] .metin-fishing-session ._actions_1ibis_460 button {
  min-height: 36px;
  padding-inline: 4px;
}

html[data-metin-ui] .metin-fishing-readout :is(._statsGrid_1ibis_179, ._metersGrid_1ibis_254) {
  gap: 5px;
}

html[data-metin-ui] .metin-fishing-readout :is(._stat_1ibis_179, ._meterBlock_1ibis_267, ._gearBlock_1ibis_299, ._empty_ibkdk_27) {
  padding: 5px 7px;
  background: #15110b;
  border: 1px solid #5c4831;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-readout ._meterBar_1ibis_288 [role="progressbar"] {
  background: #15100b url("/metin-ui/gauge-slot.png") left / 16px 100% repeat-x;
  border-radius: 0;
}

html[data-metin-ui] .metin-fishing-readout ._gearBoard_1ibis_344 {
  --gear-gap: 0px;
  --gear-cell: 38px;
  margin-inline: 0;
  padding: 0;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-readout ._gearBody_1ibis_325 {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 7px;
}

html[data-metin-ui] .metin-fishing-readout ._catchesSection_1ibis_431 {
  gap: 5px;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-catch-board ._catchesSub_1ibis_455 {
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-fishing-catches .metin-fishing-catch-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr));
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-catch-list .metin-fishing-catch {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 56px;
  padding: 3px 5px;
  border: 1px solid #5b4531;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-fishing-catch-list .metin-fishing-catch[data-rare] {
  border-color: #a98547;
}

html[data-metin-ui] .metin-fishing-catch-list .metin-fishing-catch-slot {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
  border-image: none;
  background: var(--metin-slot) center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-fishing-catch-slot ._chrome_xb5gk_153 {
  display: none;
}

html[data-metin-ui] .metin-fishing-catch-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: var(--metin-text);
  font: 13px / 1.25 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-fishing-catch-copy small {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-fishing-catch-board :is(.metin-fishing-catch-empty, .metin-fishing-catch-overflow) {
  margin: 0;
  padding: 6px 8px;
  border: 1px solid #5b4531;
  background: var(--metin-recess) url("/metin-ui/field.png") center / 100% 100% no-repeat;
  color: var(--metin-muted);
  box-shadow: none;
  overflow-wrap: anywhere;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-fishing-session ._actions_1ibis_460 button {
    min-height: 44px;
  }
}

@media (max-width: 479px) {
  html[data-metin-ui] .metin-fishing-locations ._infoButton_p2vj2_100 {
    width: 34px;
    height: 34px;
  }

  html[data-metin-ui] .metin-fishing-locations ._aside_p2vj2_165 button {
    min-height: 40px;
  }
}

/* The legacy QuestDialog displays the guard's speech and choices on a thin board. */
html[data-metin-ui] .metin-tower-hub {
  gap: 9px;
  width: min(100%, 60rem);
  min-width: 0;
  margin-inline: auto;
}

html[data-metin-ui] .metin-tower-heading {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 52px;
  padding: 4px 30px;
}

html[data-metin-ui] .metin-tower-heading h1 {
  min-width: 0;
  margin: 0;
  font-size: 16px;
  text-align: center;
}

html[data-metin-ui] .metin-tower-heading img {
  display: block;
  width: min(100%, 206px);
  height: auto;
  filter: drop-shadow(1px 2px 2px #000);
}

html[data-metin-ui] .metin-tower-title-text {
  position: absolute;
  width: 1px;
  height: 1px;
  clip-path: inset(50%);
  overflow: hidden;
  white-space: nowrap;
}

html[data-metin-ui] .metin-tower-guide {
  padding: 7px;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-tower-guide ._windowHeader_63zli_17 {
  height: auto;
  min-height: 27px;
  padding: 2px 6px;
}

html[data-metin-ui] .metin-tower-guide ._windowTitle_63zli_34 {
  font-size: 14px;
  letter-spacing: normal;
  text-transform: none;
}

html[data-metin-ui] .metin-tower-guide ._body_63zli_44 {
  display: grid;
  gap: 8px;
  padding: 7px 0 0;
  background: none;
}

html[data-metin-ui] .metin-tower-guide ._intro_63zli_60 {
  flex-direction: row;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 1px solid #594635;
  background: #15100c;
  text-align: start;
}

html[data-metin-ui] .metin-tower-guide ._portrait_63zli_77 {
  width: 80px;
  height: 80px;
  padding: 3px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 6px / 0 repeat;
  background: #211710;
}

html[data-metin-ui] .metin-tower-guide ._meta_63zli_107 {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-tower-guide ._conversation_63zli_122 {
  border: 1px solid #594635;
  box-shadow: none;
}

html[data-metin-ui] .metin-tower-guide ._conversationHeader_63zli_130,
html[data-metin-ui] .metin-tower-reward ._lootHeader_1opcy_121 {
  min-height: 23px;
  padding: 3px 7px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  background-color: #3b2c1d;
  box-shadow: none;
}

html[data-metin-ui] .metin-tower-guide ._conversationTitle_63zli_140,
html[data-metin-ui] .metin-tower-reward ._lootTitle_1opcy_130 {
  letter-spacing: normal;
  text-transform: none;
}

html[data-metin-ui] .metin-tower-guide ._conversationBody_63zli_150 {
  gap: 8px;
  padding: 9px;
}

html[data-metin-ui] .metin-tower-guide ._actions_63zli_164 {
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

html[data-metin-ui] .metin-tower-guide ._actions_63zli_164 button {
  width: min(100%, 16rem);
  min-height: 34px;
  height: auto;
  padding: 4px 7px;
  border: 1px solid #66513b;
  border-image: none;
  background: #9994;
  color: var(--metin-text);
  white-space: normal;
}

html[data-metin-ui] .metin-tower-guide ._actions_63zli_164 button:is(:hover, :focus-visible):not(:disabled) {
  background: #ddf4;
}

html[data-metin-ui] .metin-tower-guide ._actions_63zli_164 button:active:not(:disabled) {
  background: #aac4;
}

html[data-metin-ui] .metin-tower-attempt {
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] .metin-tower-floor-art {
  display: block;
  width: auto;
  max-width: 105px;
  height: 24px;
  object-fit: contain;
  filter: drop-shadow(1px 2px 2px #000);
}

/* Tower-specific floor controls sit inside the live fight without replacing its shared view. */
html[data-metin-ui] .metin-tower-combat .metin-tower-floor-gate {
  grid-template-columns: auto minmax(0, 1fr) auto;
  grid-template-areas: 'art status actions' 'progress progress progress';
  grid-template-rows: auto auto;
  min-height: 0;
  gap: 5px 8px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-tower-combat .metin-tower-floor-gate:not(:has(.metin-tower-floor-art)) {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: 'status actions' 'progress progress';
}

html[data-metin-ui] .metin-tower-floor-gate .metin-tower-floor-art { grid-area: art; }
html[data-metin-ui] .metin-tower-floor-gate ._copy_1h2pr_13 { grid-area: status; }
html[data-metin-ui] .metin-tower-floor-gate ._actions_1h2pr_65 { grid-area: actions; }
html[data-metin-ui] .metin-tower-floor-gate ._track_1h2pr_42 { grid-area: progress; }

html[data-metin-ui] .metin-tower-floor-gate ._actions_1h2pr_65 {
  flex-wrap: wrap;
  min-height: 0;
}

html[data-metin-ui] .metin-tower-floor-gate._rootIdle_1h2pr_57 ._track_1h2pr_42 {
  display: none;
}

html[data-metin-ui] .metin-tower-floor-gate ._floor_1h2pr_22 {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-tower-combat ._autoToggle_1xx9v_8 {
    min-height: 44px;
    white-space: normal;
  }
}

html[data-metin-ui] :is(.metin-tower-hub, .metin-tower-combat) ._rootCombat_1e2i5_25 {
  margin: 0;
  padding: 5px 3px;
  border: 1px solid #5d4a35;
  background: #140f0b;
}

html[data-metin-ui] :is(.metin-tower-hub, .metin-tower-combat) ._rootCombat_1e2i5_25::before {
  top: 10px;
}

html[data-metin-ui] .metin-tower-reward {
  padding: 7px;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-tower-reward > ._body_11w98_56 {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

html[data-metin-ui] .metin-tower-reward ._windowHeader_1opcy_21 {
  gap: 4px;
  min-height: 40px;
  padding: 4px 6px;
}

html[data-metin-ui] .metin-tower-reward ._windowTitle_1opcy_46 {
  font-size: 16px;
}

html[data-metin-ui] .metin-tower-reward ._windowEyebrow_1opcy_38 {
  color: var(--metin-text);
  letter-spacing: normal;
}

html[data-metin-ui] .metin-tower-reward ._body_1opcy_54 {
  gap: 7px;
  padding: 7px 0;
  background: none;
  scrollbar-width: thin;
  scrollbar-color: #8c7655 #1e160e;
}

html[data-metin-ui] .metin-tower-reward ._stats_1opcy_76 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

html[data-metin-ui] .metin-tower-reward ._stat_1opcy_76 {
  padding: 6px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-wide.png') 4 fill / 4px / 0 stretch;
  box-shadow: none;
  text-align: center;
}

html[data-metin-ui] .metin-tower-reward ._statValue_1opcy_103 {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-tower-reward ._actions_1opcy_159 {
  flex-shrink: 0;
  padding: 6px 0 0;
  border-top: 1px solid #5d4a35;
  box-shadow: none;
}

html[data-metin-ui] .metin-tower-loadout {
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
}

@media (min-width: 820px) {
  html[data-metin-ui] .metin-tower-guide ._body_63zli_44 {
    grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
    align-items: start;
  }
}

@media (max-width: 520px) {
  html[data-metin-ui] .metin-tower-heading .metin-status-close {
    width: 34px;
    height: 34px;
  }

  html[data-metin-ui] .metin-tower-guide ._portrait_63zli_77 {
    width: 57px;
    height: 57px;
  }

  html[data-metin-ui] .metin-tower-combat .metin-tower-floor-gate:not(._rootIdle_1h2pr_57) {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: 'art status' 'actions actions' 'progress progress';
  }

  html[data-metin-ui] .metin-tower-combat .metin-tower-floor-gate:not(._rootIdle_1h2pr_57, :has(.metin-tower-floor-art)) {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: 'status' 'actions' 'progress';
  }

  html[data-metin-ui] .metin-tower-floor-gate ._actions_1h2pr_65 {
    justify-content: flex-start;
  }

  html[data-metin-ui] .metin-tower-floor-gate ._actions_1h2pr_65 > button {
    flex: 1 1 7rem;
    min-height: 38px;
    height: auto;
    padding-block: 4px;
    line-height: 1.2;
    white-space: normal;
  }

  html[data-metin-ui] .metin-tower-reward ._actions_1opcy_159 > button {
    min-height: 40px;
    white-space: normal;
  }
}

/* SelectItemWindow's titled catalog and the TargetBoard's compact parameter strips. */
html[data-metin-ui] .metin-encounter-entry {
  width: min(100%, 42rem);
  padding: 8px;
  margin-inline: auto;
  text-align: center;
}

html[data-metin-ui] .metin-encounter-entry > h1 {
  min-height: 30px;
  margin: 0;
  padding: 4px 9px;
  font: 700 1rem/1.25 var(--metin-heading-font);
}

html[data-metin-ui] .metin-encounter-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  min-width: 0;
}

html[data-metin-ui] .metin-encounter-layout > section,
html[data-metin-ui] .metin-encounter-loot ._table_1lsck_38 {
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-encounter-layout > section > h3,
html[data-metin-ui] .metin-encounter-loot ._enemy_1lsck_8 {
  margin: 0 0 6px;
  padding: 4px 6px;
  color: var(--metin-gold);
  font: 700 0.875rem/1.25 var(--metin-heading-font);
  text-align: center;
}

html[data-metin-ui] .metin-encounter-layout :is(._intro_9s53t_1, ._count_9s53t_19, ._list_9s53t_26) {
  margin-block-end: 6px;
}

html[data-metin-ui] .metin-encounter-layout ._list_9s53t_26 { gap: 4px; }

html[data-metin-ui] .metin-encounter-choice-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  border: 1px solid #594630;
  background: #15100b;
}

html[data-metin-ui] .metin-encounter-choice-row:has(._infoButton_9s53t_51) {
  grid-template-columns: minmax(0, 1fr) auto;
}

html[data-metin-ui] .metin-encounter-choice-row ._option_9s53t_35 {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 42px;
  padding: 5px 6px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html[data-metin-ui] .metin-encounter-choice-row ._enemyName_9s53t_122 {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-enemy-quest {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  margin-block: 2px 3px;
  color: #f0ce83;
  font: 600 0.75rem / 1.25 var(--metin-font);
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-enemy-quest img {
  flex: 0 0 14px;
  object-fit: contain;
}

html[data-metin-ui] .metin-encounter-choice-row ._option_9s53t_35::before {
  content: "";
  flex: 0 0 16px;
  height: 16px;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-encounter-choice-row:has([aria-selected="true"]) {
  border-color: #a7854d;
  background: #372919;
}

html[data-metin-ui] .metin-encounter-choice-row [aria-selected="true"]::before {
  background: url("/metin-ui/check-mark.png") center / contain no-repeat, var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-encounter-choice-row ._infoButton_9s53t_51 {
  position: static;
  width: 34px;
  height: 100%;
  min-height: 34px;
  border: 0;
  border-inline-start: 1px solid #594630;
  border-radius: 0;
  background: #251a10;
}

html[data-metin-ui] .metin-encounter-choice-row button._infoButton_9s53t_51:hover {
  color: var(--metin-highlight);
  background: #3c2a16;
}

html[data-metin-ui] .metin-encounter-preparation ._autoPotion_9s53t_200 {
  min-width: 0;
  margin-block-end: 4px;
  border-radius: 0;
  background: #130f0ac2;
}

.metin-mounted-combat {
  min-width: 0;
  padding: 5px 8px 8px;
  margin: 0 0 8px;
  border: 1px solid #594630;
  color: var(--metin-text);
}

.metin-mounted-combat legend { color: var(--metin-gold); }
.metin-mounted-combat > div { display: flex; flex-wrap: wrap; gap: 6px; }
.metin-mounted-combat button { min-height: 44px; padding-inline: 12px; }
.metin-mounted-combat [aria-pressed="true"] { box-shadow: inset 0 0 0 1px #d2ab61; }
html[data-metin-ui] .metin-mounted-combat button[data-metin-button]:disabled {
  filter: grayscale(1);
  color: #d1d1d1;
  cursor: not-allowed;
  box-shadow: none;
}
.metin-mounted-combat p { margin: 4px 0 0; }

html[data-metin-ui] .metin-encounter-loot ._row_1lsck_65 { border-color: #625039; }

html[data-metin-ui] .metin-cor-drop {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 8px;
  border: 1px solid #625039;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  color: var(--metin-text);
  font-size: 0.8125rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-cor-drop-icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  background: #17110c url('/metin-ui/slot.png') center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-cor-drop-name { color: var(--metin-gold); }
html[data-metin-ui] .metin-cor-drop-summary { display: flex; flex-wrap: wrap; column-gap: 10px; }
html[data-metin-ui] .metin-cor-drop-conditions { margin: 4px 0 0; padding: 0; list-style: none; }
html[data-metin-ui] .metin-cor-drop [data-met=true] { color: #a8ed83; }
html[data-metin-ui] .metin-cor-drop [data-met=false] { color: #ffad97; }

@media (min-width: 900px) {
  html[data-metin-ui] .metin-encounter-layout {
    grid-template-columns: minmax(17rem, 0.9fr) minmax(0, 1.1fr);
  }

  html[data-metin-ui] .metin-encounter-layout ._list_9s53t_26 {
    max-height: min(27rem, 53dvh);
    padding: 2px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #7d6340 #1c1510;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-encounter-footer button { min-height: 44px; }
  html[data-metin-ui] .metin-encounter-choice-row ._infoButton_9s53t_51 { width: 44px; }
  html[data-metin-ui] .metin-encounter-choice-row ._option_9s53t_35 { min-height: 44px; }
  html[data-metin-ui] .metin-encounter-choice-row ._optionStats_9s53t_154 {
    flex-wrap: wrap;
    gap: 2px 7px;
    font-size: 0.75rem;
  }
  html[data-metin-ui] .metin-encounter-choice-row ._statSep_9s53t_166 { display: none; }
}

html[data-metin-ui] .metin-encounter-loot-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-block: 5px 8px;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-encounter-loot-actions button { min-height: 44px; }
}


/* AffectShower recovery emblems and the native SliderBar, scoped to preparation. */
html[data-metin-ui] .metin-auto-supply-pair {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 154px), 1fr));
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-auto-supply-pair .metin-auto-supply {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 5px 7px 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-auto-supply > legend {
  max-width: 100%;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 12px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.25 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auto-supply-state {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
}

html[data-metin-ui] .metin-auto-supply-state img {
  flex: none;
  width: 24px;
  height: 24px;
  object-fit: contain;
}

html[data-metin-ui] .metin-auto-supply[data-enabled="false"] img {
  filter: grayscale(1);
  opacity: .5;
}

html[data-metin-ui] .metin-auto-supply .metin-auto-supply-state button {
  min-width: 60px;
  min-height: 32px;
  margin: 0;
  padding: 3px 8px;
}

html[data-metin-ui] .metin-auto-supply-threshold {
  display: grid;
  gap: 1px;
  min-width: 0;
  color: var(--metin-text);
  font: 13px / 1.25 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auto-supply[data-enabled="false"] .metin-auto-supply-threshold {
  color: var(--metin-muted);
}

html[data-metin-ui] :is(.metin-auto-supply-range, .metin-system-slider) {
  appearance: none;
  width: 100%;
  min-width: 0;
  min-height: 30px;
  margin: 0;
  padding: 0;
  background: transparent;
}

html[data-metin-ui] :is(.metin-auto-supply-range, .metin-system-slider)::-webkit-slider-runnable-track {
  height: 12px;
  background: url("/metin-ui/settings/range-track.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] :is(.metin-auto-supply-range, .metin-system-slider)::-moz-range-track {
  height: 12px;
  background: url("/metin-ui/settings/range-track.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] :is(.metin-auto-supply-range, .metin-system-slider)::-webkit-slider-thumb {
  appearance: none;
  width: 44px;
  height: 12px;
  border: 0;
  background: url("/metin-ui/settings/range-thumb.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] :is(.metin-auto-supply-range, .metin-system-slider)::-moz-range-thumb {
  width: 44px;
  height: 12px;
  border: 0;
  background: url("/metin-ui/settings/range-thumb.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-auto-supply-range:disabled {
  opacity: .5;
}

html[data-metin-ui] .metin-auto-supply :is(button, input):focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

@media (pointer: coarse), (max-width: 599px) {
  html[data-metin-ui] .metin-auto-supply .metin-auto-supply-state button,
  html[data-metin-ui] .metin-auto-supply .metin-auto-supply-range {
    min-height: 44px;
  }
}

html[data-metin-ui] .metin-auto-boosts {min-width:0;max-width:100%;margin:8px 0;border:1px solid #6d5838;background:#17130de8;color:var(--metin-text);font:13px/1.4 var(--metin-font);}
html[data-metin-ui] .metin-auto-boosts>summary {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;min-height:44px;padding:7px 10px;cursor:pointer;color:var(--metin-gold);background:linear-gradient(#403321,#241c13);overflow-wrap:anywhere;}
html[data-metin-ui] .metin-boost-auto-badge {font-size:11px;color:#cdb98f;}
html[data-metin-ui] .metin-auto-boost-body {display:grid;gap:9px;min-width:0;padding:10px;}
html[data-metin-ui] .metin-auto-boost-body p {margin:0;}
html[data-metin-ui] .metin-auto-boost-body :is(button,input) {min-height:36px;max-width:100%;min-width:0;font:inherit;box-sizing:border-box;}
html[data-metin-ui] .metin-auto-boost-body input:is([type=search],[type=number]) {width:100%;color:#f6dfb0;background:#211a11;border:1px solid #79603a;padding:6px;}
html[data-metin-ui] .metin-auto-boost-switch {display:flex;gap:8px;align-items:center;min-height:44px;}
html[data-metin-ui] .metin-auto-boost-body input[type=checkbox] {width:22px;height:22px;min-height:22px;flex:none;accent-color:#a7833f;}
html[data-metin-ui] .metin-auto-boost-rows {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:8px;min-width:0;max-height:min(60vh,600px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#79603a #17130d;align-items:start;}
html[data-metin-ui] .metin-auto-boost-row {display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-content:start;align-items:start;min-width:0;padding:8px;border:1px solid #4e412d;background:#0c0b09;}
html[data-metin-ui] .metin-auto-boost-row>img {object-fit:contain;image-rendering:pixelated;}
html[data-metin-ui] .metin-auto-boost-copy {display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;}
html[data-metin-ui] .metin-auto-boost-copy strong {color:#e4d1a7;}
html[data-metin-ui] .metin-auto-boost-copy small {color:#c8b78e;line-height:1.4;}
html[data-metin-ui] .metin-auto-boost-copy .metin-auto-boost-state {color:#9fcf91;}
html[data-metin-ui] .metin-auto-boost-copy .metin-boost-unavailable {color:#c99e7b;}
html[data-metin-ui] .metin-boost-row-actions {grid-column:1/-1;display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;}
html[data-metin-ui] .metin-boost-row-actions>button {flex:1 1 80px;}
html[data-metin-ui] .metin-auto-boost-choice {display:flex;gap:6px;align-items:center;flex:1 1 130px;min-height:36px;overflow-wrap:anywhere;}
html[data-metin-ui] .metin-auto-boost-choice:has(input:disabled) {color:#9c907b;}
html[data-metin-ui] .metin-auto-boost-limit {display:grid;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 70px;align-items:center;gap:8px;font-size:12px;}
html[data-metin-ui] .metin-auto-boost-buttons {display:flex;flex-wrap:wrap;gap:6px;}
html[data-metin-ui] .metin-auto-boost-buttons button {flex:1 1 130px;}
html[data-metin-ui] .metin-boost-empty {padding:10px;color:#c8b78e;}
html[data-metin-ui] .metin-boost-dirty {color:#e4c77b;}
html[data-metin-ui] .metin-boost-message[data-kind=success] {color:#9fcf91;}
html[data-metin-ui] .metin-boost-message[data-kind=error] {color:#e6a08b;}
@media(max-width:767px){
 html[data-metin-ui] .metin-auto-boost-body :is(button,input:not([type=checkbox])) {min-height:44px;}
 html[data-metin-ui] .metin-auto-boost-choice {min-height:44px;}
 html[data-metin-ui] .metin-auto-boost-rows {grid-template-columns:minmax(0,1fr);max-height:50vh;}
}


html[data-metin-ui] .metin-wiki-window {
  width: min(100%, 82rem);
  min-width: 0;
  gap: 7px;
  margin-inline: auto;
  padding: 8px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-wiki-window > ._beforeTabs_1nw2n_10 {
  position: static;
  width: auto;
  height: auto;
  flex: none;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-wiki-window > ._content_1nw2n_18 {
  container: wiki-content / inline-size;
  min-width: 0;
  padding: 0;
}

html[data-metin-ui] .metin-wiki-window > [data-sticky-hub],
html[data-metin-ui] .metin-wiki-window .metin-wiki-topic-rail {
  min-width: 0;
  margin: 0;
  border: 1px solid #5e4a32;
  background: url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x #201a15;
}

html[data-metin-ui] .metin-wiki-window :is([data-sticky-hub], .metin-wiki-topic-rail)::after {
  content: none;
}

html[data-metin-ui] .metin-wiki-window .metin-wiki-title,
html[data-metin-ui] .metin-wiki-article ._articleHeader_68qjt_84 {
  display: grid;
  place-items: center;
  min-height: 30px;
  padding: 3px 9px;
}

html[data-metin-ui] .metin-wiki-window .metin-wiki-title h1,
html[data-metin-ui] .metin-wiki-article ._articleTitle_68qjt_90 {
  margin: 0;
  font: 700 16px / 1.25 Tahoma, sans-serif;
  text-align: center;
}

html[data-metin-ui] .metin-wiki-tabs {
  width: min(100%, 690px);
  margin-inline: auto;
}

html[data-metin-ui] :is(.metin-wiki-tabs, .metin-wiki-topic-tabs) [role="tab"] {
  min-height: 34px;
  padding: 4px 8px;
  font-size: 12px;
}

html[data-metin-ui] .metin-wiki-topic-tabs [role="tablist"] {
  display: flex;
  overflow-x: auto;
}

html[data-metin-ui] .metin-wiki-topic-tabs [role="tab"] {
  flex: 0 0 auto;
  min-width: 75px;
}

html[data-metin-ui] .metin-wiki-topic-tabs ._label_1ic98_99 {
  text-overflow: clip;
  white-space: nowrap;
}

html[data-metin-ui] .metin-wiki-window ._section_68qjt_46 {
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] .metin-wiki-window ._sectionBody_68qjt_53 {
  min-width: 0;
  padding: 0;
}

html[data-metin-ui] .metin-wiki-window ._body_11w98_56:has(> .metin-wiki-article) {
  padding: 7px;
}

html[data-metin-ui] .metin-wiki-article {
  min-width: 0;
  gap: 8px;
  container-type: inline-size;
}

html[data-metin-ui] .metin-wiki-article :is(._articleLead_68qjt_72, ._paragraph_68qjt_73) {
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

html[data-metin-ui] .metin-wiki-article ._itemFilters_68qjt_682 {
  gap: 7px;
  min-width: 0;
  padding: 8px;
  background: #130f0bbd;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
}

html[data-metin-ui] .metin-wiki-article ._itemFilters_68qjt_682 :is(._filterChipRow_68qjt_701, ._kindFilterRow_68qjt_708) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-wiki-article ._itemFilters_68qjt_682 ._filterChip_68qjt_243 {
  min-width: 0;
  min-height: 33px;
  padding-inline: 4px;
  font-size: 12px;
}

html[data-metin-ui] :is(.metin-wiki-item-catalog, .metin-wiki-monster-catalog, .metin-wiki-monster-controls, .metin-wiki-monster-results) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] .metin-wiki-item-catalog ._itemGrid_68qjt_755 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  min-width: 0;
  padding: 5px;
  background: #15110dbd;
  border: 1px solid #5c4934;
}

html[data-metin-ui] .metin-wiki-item-catalog ._itemGridCell_68qjt_770 {
  display: grid;
  grid-template-rows: 37px auto auto;
  align-content: start;
  justify-items: center;
  gap: 3px;
  min-width: 0;
  min-height: 78px;
  padding: 4px;
  background: #1d160fcc;
  border: 1px solid #5f4b34;
  border-radius: 0;
}

html[data-metin-ui] .metin-wiki-item-catalog ._itemGridCell_68qjt_770:is(:hover, :focus-visible) {
  border-color: var(--metin-highlight);
  background: #322518;
}

html[data-metin-ui] .metin-wiki-window :is(._itemGridSlot_68qjt_791, ._refineSlot_68qjt_927) {
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-wiki-item-catalog ._itemGridSlot_68qjt_791 {
  width: 37px;
  height: 37px;
}

html[data-metin-ui] .metin-wiki-item-catalog ._itemGridName_68qjt_810 {
  min-width: 0;
  color: var(--metin-gold);
  font: 700 12px / 1.25 Tahoma, sans-serif;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-wiki-monster-catalog ._monsterList_68qjt_1603 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: 6px;
}

html[data-metin-ui] .metin-wiki-monster-catalog ._monsterCard_68qjt_1613,
html[data-metin-ui] .metin-wiki-window :is(.metin-wiki-target-detail, .metin-wiki-item-detail, .metin-wiki-refine-board) {
  gap: 6px;
  min-width: 0;
  padding: 7px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] .metin-wiki-monster-catalog ._monsterCard_68qjt_1613:is(:hover, :focus-visible) {
  background: #322518;
}

html[data-metin-ui] .metin-wiki-window ._monsterName_68qjt_1648 {
  color: var(--metin-gold);
  font: 700 14px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-wiki-target-detail ._monsterHeroModel_68qjt_1593 {
  background: #100d0a url("/metin-ui/board-base.png") center repeat;
  border: 1px solid #655238;
  border-radius: 0;
}

html[data-metin-ui] .metin-wiki-window .metin-wiki-parameters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-wiki-window .metin-wiki-parameters > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 4px 6px;
  background: #130f0bd9;
  border: 1px solid #604c34;
  border-radius: 0;
}

html[data-metin-ui] .metin-wiki-window :is(._groupTitle_68qjt_91, ._refineDetailsSummary_68qjt_953) {
  padding: 4px 7px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-wiki-window ._refineGrid_68qjt_902 {
  max-width: min(100%, 750px);
  gap: 4px;
  background: #130f0bbd;
  border: 1px solid #604c34;
}

@container (min-width: 530px) {
  html[data-metin-ui] .metin-wiki-item-catalog ._itemGrid_68qjt_755 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container (min-width: 760px) {
  html[data-metin-ui] :is(.metin-wiki-item-catalog, .metin-wiki-monster-catalog) {
    grid-template-columns: minmax(0, 210px) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-wiki-item-catalog > ._itemFilters_68qjt_682 {
    grid-row: 1 / span 2;
  }

  html[data-metin-ui] .metin-wiki-item-catalog > :not(._itemFilters_68qjt_682) {
    grid-column: 2;
  }

  html[data-metin-ui] .metin-wiki-item-catalog ._itemGrid_68qjt_755 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  html[data-metin-ui] .metin-wiki-window {
    padding: 4px;
  }

  html[data-metin-ui] :is(.metin-wiki-tabs, .metin-wiki-topic-tabs) [role="tab"],
  html[data-metin-ui] .metin-wiki-window ._refineDetailsSummary_68qjt_953,
  html[data-metin-ui] .metin-wiki-article ._itemFilters_68qjt_682 ._filterChip_68qjt_243 {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-wiki-tabs [role="tablist"] {
    display: flex;
    overflow-x: auto;
  }

  html[data-metin-ui] .metin-wiki-tabs [role="tab"] {
    flex: 0 0 auto;
    min-width: 72px;
  }

  html[data-metin-ui] .metin-wiki-tabs ._label_1ic98_99 {
    text-overflow: clip;
    white-space: nowrap;
  }
}

/* AttributeListWindow alternates TextValueBars beneath HorizontalBarTitle rows. */
html[data-metin-ui] .metin-wiki-bonus-panel {
  display: grid;
  align-items: start;
  gap: 0.75rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-wiki-bonus-controls, .metin-wiki-bonus-results) {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
}

html[data-metin-ui] .metin-wiki-bonus-controls {
  padding: 0.55rem;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 8px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-wiki-bonus-panel :is(.metin-wiki-bonus-label, .metin-wiki-bonus-group h3) {
  min-height: 1.75rem;
  margin: 0;
  padding: 0.25rem 0.55rem;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.35;
}

html[data-metin-ui] .metin-wiki-bonus-controls ._bonusSlotGrid_68qjt_236 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
}

html[data-metin-ui] .metin-wiki-bonus-slot {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  align-items: center;
  gap: 0.35rem;
  min-height: 42px;
  padding: 2px 4px;
  border: 1px solid #534331;
  background: #110d0a;
  color: var(--metin-text);
  text-align: left;
  font: 400 0.75rem / 1.25 var(--metin-font);
  cursor: pointer;
}

html[data-metin-ui] .metin-wiki-bonus-slot:is(:hover, :focus-visible) {
  border-color: var(--metin-highlight);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-wiki-bonus-slot[aria-pressed="true"] {
  border-color: var(--metin-highlight);
  background: #342615;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-wiki-bonus-slot-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  background: var(--metin-slot) center / contain no-repeat;
}

html[data-metin-ui] .metin-wiki-bonus-slot[aria-pressed="true"] .metin-wiki-bonus-slot-icon {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] .metin-wiki-bonus-slot-icon img {
  max-width: 100%;
  object-fit: contain;
}

html[data-metin-ui] .metin-wiki-bonus-controls ._filterChipRow_68qjt_701 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.3rem;
}

html[data-metin-ui] .metin-wiki-bonus-controls ._filterChip_68qjt_243 {
  min-height: 36px;
  padding-inline: 0.4rem;
  white-space: normal;
}

html[data-metin-ui] .metin-wiki-bonus-results ._itemCount_68qjt_603 {
  margin: 0;
  padding: 0.35rem 0.6rem;
  border: 1px solid #69543a;
  background: var(--metin-recess);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-wiki-bonus-group {
  min-width: 0;
  gap: 0.25rem;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardList_68qjt_255 {
  border-color: #60503a;
  background: #160f09;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCard_68qjt_255 {
  gap: 0.45rem;
  min-width: 0;
  padding: 0.65rem 0.75rem;
  background: #0004;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCard_68qjt_255:nth-child(even) {
  background: #fff1;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardHead_68qjt_274 {
  flex-wrap: wrap;
  gap: 0.4rem 0.7rem;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardIdentity_68qjt_281 {
  flex: 1 1 12rem;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardName_68qjt_289 {
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardMax_68qjt_297 {
  max-width: 100%;
  margin-inline-start: auto;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusPills_68qjt_308 {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  gap: 0.35rem;
}

html[data-metin-ui] .metin-wiki-bonus-group ._bonusPill_68qjt_308 {
  flex-wrap: wrap;
  gap: 0.2rem 0.4rem;
  min-height: 2rem;
  padding: 0.3rem 0.45rem;
  text-transform: none;
  letter-spacing: normal;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-wiki-bonus-group :is(._bonusFigure_68qjt_338, ._bonusFigurePair_68qjt_345) {
  flex-wrap: wrap;
  max-width: 100%;
  white-space: normal;
}

html[data-metin-ui] .metin-wiki-bonus-group ._effectSources_68qjt_403 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr));
  gap: 0.35rem;
}

html[data-metin-ui] .metin-wiki-bonus-group ._effectSource_68qjt_403 {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 0.35rem;
  min-width: 0;
  min-height: 2.5rem;
  padding: 0.3rem 0.45rem;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-wiki-bonus-group ._effectSourceIcon_68qjt_423 {
  width: 32px;
  height: 32px;
  object-fit: contain;
  background: var(--metin-slot) center / contain no-repeat;
}

html[data-metin-ui] .metin-wiki-bonus-group ._effectSourceValue_68qjt_435 {
  color: var(--metin-gold);
  white-space: normal;
  text-align: right;
}

@container wiki-content (width >= 900px) {
  html[data-metin-ui] .metin-wiki-bonus-panel {
    grid-template-columns: minmax(15rem, 0.36fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-wiki-bonus-controls {
    position: sticky;
    inset-block-start: 0.5rem;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-wiki-bonus-controls :is(._filterChip_68qjt_243, .metin-wiki-bonus-slot) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-wiki-bonus-group ._bonusCardIdentity_68qjt_281 {
    flex: auto;
  }
}

@media (max-width: 380px) {
  html[data-metin-ui] .metin-wiki-bonus-controls {
    padding: 0.3rem;
  }

  html[data-metin-ui] .metin-wiki-bonus-slot {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: 0.2rem;
    text-align: center;
  }

  html[data-metin-ui] .metin-wiki-bonus-group ._effectSource_68qjt_403 {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-wiki-bonus-group ._effectSourceValue_68qjt_435 {
    grid-column: 2;
  }
}

html[data-metin-ui] .metin-wiki-bonus-filter summary {
  cursor: pointer;
}

html[data-metin-ui] .metin-wiki-bonus-filter[open] summary {
  margin-bottom: 0.35rem;
}

html[data-metin-ui] .metin-wiki-bonus-selection::before {
  content: " · ";
}

html[data-metin-ui] .metin-wiki-bonus-selection {
  color: var(--metin-text);
  font-weight: 400;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-wiki-bonus-filter summary {
    min-height: 44px;
    align-content: center;
  }
}


/* ShopSearchWindow puts CategoryList beside ItemList and uses Slot_Base for icons. */
html[data-metin-ui] .metin-wiki-loot {
  display: grid;
  align-items: start;
  gap: 0.75rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-wiki-loot-controls, .metin-wiki-loot-results) {
  display: grid;
  gap: 0.6rem;
  min-width: 0;
}

html[data-metin-ui] .metin-wiki-loot-controls {
  padding: 0.55rem;
  border: 8px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-wiki-loot :where(.metin-wiki-loot-filter-title, .metin-wiki-loot-results > p:first-child) {
  min-height: 1.75rem;
  margin: 0;
  padding: 0.25rem 0.55rem;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.35;
}

html[data-metin-ui] .metin-wiki-loot-filter-title {
  cursor: pointer;
}

html[data-metin-ui] .metin-wiki-loot-filters > :not(summary) {
  margin-block: 0.55rem 0;
}

html[data-metin-ui] .metin-wiki-loot-filters ._kindFilterRow_68qjt_708 {
  grid-template-columns: minmax(0, 1fr);
  gap: 0.3rem;
}

html[data-metin-ui] .metin-wiki-loot-filters ._filterChip_68qjt_243 {
  min-height: 33px;
  padding-inline: 0.5rem;
  opacity: 1;
  white-space: normal;
}

html[data-metin-ui] .metin-wiki-loot-filters ._filterChip_68qjt_243[aria-pressed="true"] {
  color: var(--metin-gold);
  border-color: var(--metin-highlight);
  background: #302216;
}

html[data-metin-ui] .metin-wiki-loot-filters ._levelFilterRow_68qjt_749 {
  gap: 0.4rem;
}

html[data-metin-ui] .metin-wiki-loot-filters ._dropChanceNote_68qjt_1188 {
  padding-inline: 0.4rem;
  color: var(--metin-muted);
  line-height: 1.5;
}

html[data-metin-ui] .metin-wiki-loot .metin-wiki-loot-list {
  display: grid;
  border-color: #68553c;
  background: #100c08;
}

html[data-metin-ui] .metin-wiki-loot-list > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.52fr);
  align-items: stretch;
  min-width: 0;
  gap: 0.45rem 0.65rem;
  padding: 0.55rem;
}

html[data-metin-ui] .metin-wiki-loot-list > li:nth-child(even) {
  background: #fff1;
}

html[data-metin-ui] .metin-wiki-loot-list ._dropMain_68qjt_1353 {
  gap: 0.35rem;
}

html[data-metin-ui] .metin-wiki-loot-list ._questItemChip_68qjt_1555 {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 0.45rem;
  width: 100%;
  min-height: 38px;
  padding: 2px 0.45rem;
  color: var(--metin-gold);
  font-weight: 700;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-wiki-loot-list ._dropMain_68qjt_1353 > :is(a, span):first-child {
  display: block;
  min-width: 0;
  text-decoration: none;
  border: 1px solid #554531;
  background: #251a10;
}

html[data-metin-ui] .metin-wiki-loot-list ._dropMain_68qjt_1353 > a:is(:hover, :focus-visible) {
  border-color: var(--metin-highlight);
  text-decoration: underline;
}

html[data-metin-ui] .metin-wiki-loot-list ._questItemIcon_68qjt_1562 {
  width: 34px;
  height: 34px;
  padding: 1px;
  object-fit: contain;
  object-position: center;
  background: var(--metin-slot) center / contain no-repeat;
}

html[data-metin-ui] .metin-wiki-loot-levels {
  display: grid;
  gap: 0.18rem;
  margin: 0;
  padding-inline-start: 0.55rem;
  list-style: none;
}

html[data-metin-ui] .metin-wiki-loot-levels > li {
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-wiki-loot-list ._dropMeta_68qjt_1329 {
  display: grid;
  grid-auto-rows: min-content;
  align-content: center;
  gap: 0.25rem;
  min-width: 0;
  padding: 0.45rem;
  border: 1px solid #57462f;
  background: var(--metin-recess);
  text-align: right;
}

html[data-metin-ui] .metin-wiki-loot-list ._dropChanceLine_68qjt_1231 {
  flex-wrap: wrap;
  white-space: normal;
}

html[data-metin-ui] .metin-wiki-loot-list ._dropChance_68qjt_1188 {
  color: var(--metin-gold);
}

@container wiki-content (width >= 900px) {
  html[data-metin-ui] .metin-wiki-loot {
    grid-template-columns: minmax(15rem, 0.37fr) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-wiki-loot-controls {
    position: sticky;
    inset-block-start: 0.5rem;
  }
}

@container wiki-content (540px <= width < 900px) {
  html[data-metin-ui] .metin-wiki-loot-filters ._kindFilterRow_68qjt_708 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-wiki-loot :is(.metin-wiki-loot-filter-title, ._filterChip_68qjt_243, ._questItemChip_68qjt_1555) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-wiki-loot-filter-title {
    align-content: center;
  }
}

@container wiki-content (width < 600px) {
  html[data-metin-ui] .metin-wiki-loot-list > li {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-wiki-loot-list ._dropMeta_68qjt_1329 {
    text-align: left;
  }

  html[data-metin-ui] .metin-wiki-loot-list ._dropChanceLine_68qjt_1231 {
    justify-content: space-between;
  }
}


/* The GM player window uses a ThinBoard, HorizontalBar and Middle_Button. */
body:has(._drawerDesktop_1qjpe_149) .local-ga-panel {
  --ga-chat-space: 44px;
}

body:has(._drawerDesktop_1qjpe_149:not(._drawerCollapsed_1qjpe_160)) .local-ga-panel {
  --ga-chat-space: max(160px, 85vh);
}

html[data-metin-ui] .local-ga-panel {
  width: min(100%, 1080px);
  margin-inline: auto;
  padding-bottom: calc(8px + var(--ga-chat-space, 0px));
}

html[data-metin-ui] :is(.metin-ga-window, .metin-staff-workspace) {
  min-width: 0;
  padding: clamp(8px, 2vw, 18px);
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-ga-title {
  position: relative;
  display: grid;
  min-height: 34px;
  place-items: center;
}

html[data-metin-ui] .local-ga-panel .metin-ga-title h1 {
  margin: 0;
  padding: 4px 12px;
  border: 0;
  background: transparent;
  font-size: 1.125rem;
}

html[data-metin-ui] .local-ga-panel .metin-ga-title,
html[data-metin-ui] .local-ga-panel .metin-ga-section h2 {
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  background: #2c2118;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-ga-target {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  margin-block: 10px;
  padding: 4px 12px;
  min-height: 31px;
  border-bottom: 1px solid #64523a;
  background: #100d0a99;
  color: var(--metin-gold);
  font-size: .875rem;
}

html[data-metin-ui] .metin-ga-target strong {
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-ga-rank {
  color: #ffe1a1;
  font-weight: 700;
}

html[data-metin-ui] .metin-ga-workspace {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

html[data-metin-ui] .metin-ga-grants {
  display: grid;
  gap: 10px;
  min-width: 0;
}

html[data-metin-ui] .metin-ga-section {
  min-width: 0;
  padding: 7px;
  border: 1px solid #594831;
  background: #120f0ba6;
}

html[data-metin-ui] .local-ga-panel .metin-ga-section h2 {
  margin: 0 0 8px;
  padding: 4px 11px;
  font-size: .875rem;
}

html[data-metin-ui] .metin-ga-amounts,
html[data-metin-ui] .metin-ga-form,
html[data-metin-ui] .metin-ga-select,
html[data-metin-ui] .metin-ga-tools ul {
  display: grid;
  min-width: 0;
  gap: 6px;
}

html[data-metin-ui] .metin-ga-tool-group + .metin-ga-tool-group {
  margin-block-start: 10px;
}

html[data-metin-ui] .metin-ga-tool-group h3 {
  margin: 0 0 5px;
  padding: 3px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 15px / 0 repeat stretch;
  color: var(--metin-gold);
  font-size: 0.8125rem;
}

html[data-metin-ui] .metin-ga-amounts {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 140px), 1fr));
}

html[data-metin-ui] .metin-ga-form {
  gap: 9px;
}

html[data-metin-ui] .metin-ga-select {
  color: var(--metin-text);
  font-size: .875rem;
}

html[data-metin-ui] .metin-ga-form :is(._field_fldva_16, select) {
  min-width: 0;
  width: 100%;
  min-height: 40px;
  padding-inline: 9px;
  border: 1px solid #6c5840;
  border-radius: 0;
  background-color: var(--metin-recess);
  box-shadow: inset 0 0 6px #0009;
  color: var(--metin-text);
  font: inherit;
}

html[data-metin-ui] .metin-ga-form ._input_fldva_57 {
  min-width: 0;
  min-height: 38px;
  background: transparent;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-ga-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: end;
  gap: 8px;
}

html[data-metin-ui] .metin-ga-slot {
  display: grid;
  min-height: 40px;
  place-items: center;
  background: #120d09 var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-ga-slot img {
  object-fit: contain;
}

html[data-metin-ui] .metin-ga-tools ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-ga-window :is(button, .metin-ga-tools a) {
  display: grid;
  width: 100%;
  height: 100%;
  min-height: 40px;
  place-items: center;
  padding: 5px 10px;
  border: 1px solid transparent;
  border-image: var(--metin-shop-middle) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  background: #3b2a1c;
  box-shadow: none;
  color: var(--metin-gold);
  font: 700 .8125rem/1.25 var(--metin-font);
  overflow-wrap: anywhere;
  text-align: center;
  text-decoration: none;
  text-shadow: var(--metin-text-shadow);
  transform: none;
  white-space: normal;
}

html[data-metin-ui] .metin-ga-window button:enabled:hover {
  border-image-source: var(--metin-shop-middle-hover);
}

html[data-metin-ui] .metin-ga-window button:enabled:active {
  border-image-source: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] .metin-ga-window .metin-ga-tools a {
  grid-template-columns: 22px minmax(0, 1fr);
  justify-items: start;
  gap: 6px;
  padding-inline: 8px;
  border: 0;
  background: url('/metin-ui/settings/system-normal.png') center / 100% 100% no-repeat;
  text-align: start;
}

html[data-metin-ui] .metin-ga-tools a img {
  object-fit: contain;
}

html[data-metin-ui] .metin-ga-window .metin-ga-tools a:hover {
  background-image: url('/metin-ui/settings/system-hover.png');
}

html[data-metin-ui] .metin-ga-window .metin-ga-tools a:active {
  background-image: url('/metin-ui/settings/system-pressed.png');
}

html[data-metin-ui] .metin-ga-window :is(button, a, select):focus-visible,
html[data-metin-ui] .metin-ga-form ._field_fldva_16:focus-within {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-ga-window button:disabled {
  opacity: .55;
}

html[data-metin-ui] .metin-ga-empty {
  margin: 0;
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-ga-message {
  margin: 0;
  padding: 7px 10px;
  border: 1px solid #63644a;
  background: #181a10;
  color: #d7dcae;
}

html[data-metin-ui] .metin-ga-message[data-error] {
  border-color: #996b51;
  background: #2d1813;
  color: #ffd0b9;
}

html[data-metin-ui] .metin-staff-workspace .metin-staff-header {
  min-width: 0;
  padding: 0;
  border: 0;
  background: none;
}

html[data-metin-ui] .metin-staff-header > :first-child {
  min-width: 0;
}

html[data-metin-ui] .metin-staff-header h1 {
  margin: 0;
  padding: 6px 12px;
  color: var(--metin-gold);
  font-size: clamp(1rem, 2vw, 1.25rem);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-staff-workshop .metin-staff-header {
  margin-bottom: 8px;
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-staff-workshop [data-mobile-pager="true"] > ._root_1p8cj_1 {
    margin: 0;
  }

  html[data-metin-ui] .metin-ga-window .metin-ga-tools a {
    min-height: 44px;
  }
}

@media (min-width: 970px) {
  html[data-metin-ui] .metin-ga-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 40%);
  }
}

.sc-administration{width:100%;max-width:1500px;margin:0 auto;color:#e4d8bf;background:linear-gradient(120deg,#26221de8,#131514f5);border:2px ridge #887451;box-shadow:0 8px 30px #0008;border-radius:5px;min-width:0}
.sc-admin-title{display:flex;align-items:center;gap:14px;padding:9px 12px;background:linear-gradient(#5c4934,#342c24);border-bottom:1px solid #9f8658;min-height:44px}.sc-admin-title h1{font:600 19px Georgia,serif;color:#f2dfb0;margin:0;flex:1}.sc-admin-title>span{font-size:12px;color:#ffce7f}
.sc-admin-tabs,.sc-admin-subtabs,.sc-admin-links{display:flex;gap:6px;flex-wrap:wrap;padding:10px}.sc-admin-tabs{border-bottom:1px solid #685840;background:#171916}.sc-admin-tabs button[aria-pressed=true],.sc-admin-subtabs button[aria-pressed=true]{background:linear-gradient(#80613d,#49351e);color:#ffe9b2;border-color:#dbbc72}
.sc-admin-body{padding:12px;min-width:0}.sc-admin-section{border:1px solid #685a43;background:#161916b8;border-radius:3px;padding:14px;margin-bottom:14px;min-width:0}.sc-admin-section h2{font:600 18px Georgia,serif;color:#ead39b;margin:0 0 13px;padding-bottom:8px;border-bottom:1px solid #514730}.sc-admin-section h3{font-size:15px;color:#e0c18b}.sc-admin-section p{overflow-wrap:anywhere}.sc-admin-section form{display:grid;gap:12px}.sc-admin-field{display:flex;flex-direction:column;gap:5px;min-width:0}.sc-admin-field>span{font-size:13px;color:#d4c4a4}
.sc-administration input:not([type=checkbox]),.sc-administration select,.sc-administration textarea,.sc-admin-reason-dialog textarea{width:100%;min-width:0;border:1px solid #746345;border-radius:3px;background:#0f1413;color:#f0e3c9;padding:9px;font:inherit;box-sizing:border-box}.sc-administration input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:#b39150}.sc-admin-check{display:flex;align-items:center;gap:9px;min-height:36px}.sc-admin-line{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.sc-admin-line>.sc-admin-field{flex:1;min-width:160px}.sc-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;align-items:end}
.sc-administration button[data-metin-button],.sc-admin-links a,.sc-compensations button{min-height:38px;padding:8px 13px;white-space:normal;overflow-wrap:anywhere;max-width:100%;cursor:pointer}.sc-administration button:disabled{cursor:default;opacity:.5}.sc-administration :is(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #e6c47b;outline-offset:2px}.sc-admin-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.sc-admin-metrics>div{display:flex;flex-direction:column;gap:7px;padding:12px;background:#252921;border:1px solid #5b503b}.sc-admin-metrics strong{color:#f1d58f;font-size:22px}.sc-admin-metrics span{font-size:13px}
.sc-admin-table{max-width:100%;overflow:auto;border:1px solid #534b37;margin:12px 0}.sc-admin-table table{width:100%;border-collapse:collapse;font-size:13px}.sc-admin-table th,.sc-admin-table td{text-align:left;padding:10px;border-bottom:1px solid #403e30;vertical-align:top;overflow-wrap:anywhere;min-width:75px}.sc-admin-table th{color:#e3c68d;background:#302f24}.sc-admin-table tr:nth-child(even){background:#ffffff04}.sc-admin-json{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;max-height:400px;overflow:auto;background:#0e1311;padding:12px;color:#c9d9be;font-size:12px}.sc-admin-section details{margin:8px 0}.sc-admin-section summary{min-height:36px;display:list-item;padding:8px;cursor:pointer;color:#e3c486}.sc-admin-editor{font:13px/1.5 Consolas,monospace!important;min-height:240px;resize:vertical;tab-size:2}.sc-admin-item-search{display:grid;gap:4px;max-height:230px;overflow:auto}.sc-admin-item-search button{text-align:left}.sc-admin-attachment{max-width:100%;max-height:400px;object-fit:contain}.sc-admin-thread{padding-left:20px;white-space:pre-wrap;overflow-wrap:anywhere}.sc-admin-thread li{padding:10px;border-bottom:1px solid #5b503b}.sc-admin-section [role=alert]{padding:10px;color:#ffb1a0;background:#641e1833}.sc-admin-section [role=status]{color:#e7d68d}.sc-administration fieldset{min-width:0;border:1px solid #5b503b}
.sc-maintenance-banner{position:relative;z-index:20;padding:9px 16px;text-align:center;background:#77512c;color:#fff0cf;border-bottom:1px solid #c9a565;overflow-wrap:anywhere}.sc-compensations{margin:12px 0}.sc-compensation{border-top:1px solid #665638;padding:10px 0}.sc-admin-reason-dialog details{max-height:220px;overflow:auto}.sc-administration .local-ga-panel{padding:0}.sc-administration .metin-ga-window{max-width:none;box-shadow:none}
.sc-admin-review-bar{padding:8px 15px;background:#28271e;border-bottom:1px solid #776343;display:flex;align-items:end;gap:14px;color:#d9c795}.sc-admin-review-bar label{flex:1;max-width:720px}.sc-admin-review-bar input{background:#0f1413;color:#f0e3c9;border:1px solid #89754e;border-radius:3px;padding:7px;min-width:0;width:100%;font:inherit;box-sizing:border-box}.sc-admin-review-bar small{font-size:12px}.sc-admin-review-bar input:focus-visible{outline:2px solid #e6c47b}
.sc-rewards-history-link{display:inline-flex;align-items:center;min-height:44px;margin:8px;padding:8px 14px;color:#e4d09d;box-sizing:border-box}
@media(max-width:767px){.sc-admin-body{padding:8px}.sc-admin-section{padding:10px}.sc-admin-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:7px}.sc-admin-tabs button{padding:8px 4px!important}.sc-admin-title{padding:8px}.sc-admin-title h1{font-size:17px}.sc-admin-grid{grid-template-columns:1fr}.sc-admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-administration :is(input:not([type=checkbox]),textarea,select),.sc-admin-reason-dialog textarea{font-size:16px}.sc-administration button[data-metin-button],.sc-admin-links a,.sc-compensations button,.sc-admin-section summary{min-height:44px}.sc-admin-line{align-items:stretch;flex-direction:column}.sc-admin-line>.sc-admin-field{min-width:0}.sc-admin-editor{font-size:14px!important}.sc-admin-check{min-height:44px}.sc-admin-table td{padding:8px}.sc-admin-table button{min-width:80px}.sc-admin-subtabs{padding:4px 0 10px}}
@media(pointer:coarse){.sc-administration button[data-metin-button],.sc-administration a[data-metin-button],.sc-admin-section summary,.sc-compensations button{min-height:44px}.sc-admin-check{min-height:44px}}
@media(max-width:767px){.sc-admin-review-bar{flex-direction:column;align-items:stretch;padding:7px 10px;gap:4px}.sc-admin-review-bar input{font-size:16px;min-height:40px}.sc-admin-review-bar small{font-size:11px}}

.sc-admin-event-layout { display:grid; grid-template-columns:minmax(210px, .65fr) minmax(0, 2fr); gap:12px; align-items:start; }
.sc-admin-event-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 188px), 1fr)); gap:10px; align-items:end; }
.sc-admin-event-group { display:grid; gap:10px; min-width:0; padding:10px; margin:0; border:1px solid #675237; background:#131713; }
.sc-admin-event-group legend, .sc-admin-event-group summary { font-weight:600; color:#ebd09b; }
.sc-admin-event-group summary { cursor:pointer; }
.sc-admin-event-group[open] > summary { margin-bottom:10px; }
.sc-admin-event-group p { margin:0; font-size:.9em; color:#d0c1a5; }
.sc-admin-event-actions, .sc-admin-event-selected { display:flex; flex-wrap:wrap; gap:7px 12px; align-items:center; }
.sc-admin-event-picker { display:grid; gap:6px; min-width:0; align-self:start; }
.sc-admin-event-picker button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
.sc-admin-event-list { display:grid; gap:7px; margin:12px 0 0; padding:0; list-style:none; }
.sc-admin-event-list button { display:grid; width:100%; gap:4px; text-align:left; white-space:normal; overflow-wrap:anywhere; }
.sc-admin-event-list button[aria-pressed=true] { border-color:#dbbc72; background:linear-gradient(#695031,#382b1e); }
.sc-admin-event-list [data-event-state] { color:#c3b7a3; font-size:.88em; }
.sc-admin-event-list [data-event-state=live] { color:#a2e293; }
.sc-admin-event-list [data-event-state=scheduled] { color:#f2ce78; }
.sc-admin-event-list small { color:#dbccac; }
.sc-admin-event-group .sc-admin-event-group { background:#1b1d16; }
.sc-admin-event-group :is(input, select, textarea):focus-visible { outline:2px solid #dbbc72; outline-offset:1px; }
@media (max-width:900px) {
  .sc-admin-event-layout { grid-template-columns:minmax(0,1fr); gap:4px; }
}
@media (max-width:520px) {
  .sc-admin-event-grid { grid-template-columns:minmax(0,1fr); }
  .sc-admin-event-group { padding:8px; }
}

/* QuestionDialog board and Middle_Button artwork. */
html[data-metin-ui] .metin-question-dialog {
  width: min(100%, 40rem);
}

html[data-metin-ui] .metin-question-message {
  margin: 0;
  color: var(--metin-text);
  text-align: center;
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

html[data-metin-ui] .metin-question-dialog ._footer_1jcx0_234 {
  justify-content: center;
}

html[data-metin-ui] .metin-question-dialog ._footer_1jcx0_234 button {
  --metin-control-art: url("/metin-ui/economy/middle-normal.png");
  min-width: 7.5rem;
  min-height: 36px;
  max-width: 100%;
}

html[data-metin-ui] .metin-question-dialog ._footer_1jcx0_234 button:is(:hover, :focus-visible):enabled {
  --metin-control-art: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-question-dialog ._footer_1jcx0_234 button:active:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-pressed.png");
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-question-dialog ._footer_1jcx0_234 button {
    min-height: 44px;
    min-width: min(100%, 6.5rem);
  }
}

/* ReportPlayerDialog's framed report fields and WhisperDialog's response ledger. */
html[data-metin-ui] .metin-support-dialog {
  width: min(100%, 61rem);
  max-width: 61rem;
  padding: 7px;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
}

html[data-metin-ui] .metin-support-dialog ._header_1jcx0_148 {
  min-height: 35px;
  padding: 4px 6px 4px 30px;
}

html[data-metin-ui] .metin-support-dialog ._title_1jcx0_165 {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  letter-spacing: normal;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-dialog ._body_1jcx0_222 {
  padding: 7px 2px;
  scrollbar-width: thin;
  scrollbar-color: #8b7350 #1c150d;
}

html[data-metin-ui] .metin-support-dialog ._footer_1jcx0_234 {
  padding: 7px 3px 2px;
  border-top: 1px solid #5d4a35;
  box-shadow: none;
}

html[data-metin-ui] .metin-support-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] :is(.metin-support-compose, .metin-support-history) {
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: #17110d;
}

html[data-metin-ui] .metin-support-section-title {
  margin: 0 0 7px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 16px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px/1.2 var(--metin-heading-font);
  text-align: center;
}

html[data-metin-ui] .metin-support-compose ._form_tds3e_1 {
  gap: 8px;
}

html[data-metin-ui] .metin-support-character {
  align-self: flex-start;
  max-width: 100%;
  margin: 0;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-name.png') 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  font-size: 13px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-compose ._screenshots_tds3e_48 {
  padding: 5px;
  border: 1px solid #5d4a35;
  background: #120e0a;
}

html[data-metin-ui] .metin-support-dialog ._preview_tds3e_54,
html[data-metin-ui] :is(.metin-support-detail ._shots_tds3e_160, .metin-support-staff ._shots_1nd4f_169) img {
  overflow: hidden;
  padding: 4px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 7px / 0 repeat;
  border-radius: 0;
  background: #130d08;
}

html[data-metin-ui] .metin-support-dialog ._preview_tds3e_54 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

html[data-metin-ui] .metin-support-dialog ._remove_tds3e_68 {
  width: 23px;
  height: 23px;
  border-radius: 0;
  background: #130e09 url('/metin-ui/close-normal.png') center / 16px no-repeat;
  color: transparent;
}

html[data-metin-ui] .metin-support-dialog ._remove_tds3e_68:hover {
  background-image: url('/metin-ui/close-hover.png');
}

html[data-metin-ui] .metin-support-dialog ._remove_tds3e_68:active {
  background-image: url('/metin-ui/close-pressed.png');
}

html[data-metin-ui] .metin-support-dialog ._actions_tds3e_98 {
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}

html[data-metin-ui] .metin-support-dialog :is(._fileButton_tds3e_82, button[data-metin-support-submit]) {
  --metin-support-button: url('/metin-ui/economy/middle-normal.png');
  min-height: 35px;
  border: 1px solid transparent;
  border-image: var(--metin-support-button) 5 11 fill / 5px 11px / 0 stretch;
  background: #2c2016;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-support-dialog :is(._fileButton_tds3e_82, button[data-metin-support-submit]):is(:hover, :focus-within):not(:disabled) {
  --metin-support-button: url('/metin-ui/economy/middle-hover.png');
}

html[data-metin-ui] .metin-support-dialog :is(._fileButton_tds3e_82, button[data-metin-support-submit]):active:not(:disabled) {
  --metin-support-button: url('/metin-ui/economy/middle-pressed.png');
}

html[data-metin-ui] .metin-support-history ._history_tds3e_104 {
  max-height: 25rem;
  gap: 4px;
  padding: 0;
  overflow: auto;
  border: 0;
  scrollbar-width: thin;
  scrollbar-color: #8b7350 #1c150d;
}

html[data-metin-ui] .metin-support-history ._historyButton_tds3e_114 {
  align-items: center;
  flex-wrap: wrap;
  gap: 3px 7px;
  min-height: 35px;
}

html[data-metin-ui] .metin-support-subject {
  flex: 1 1 9rem;
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-history ._historyMeta_tds3e_134 {
  max-width: 100%;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-detail {
  display: grid;
  gap: 7px;
  min-width: 0;
}

html[data-metin-ui] .metin-support-detail-head {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/entry/parameter-name.png') 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-detail-head :is(h2, h4, p) {
  margin: 0;
}

html[data-metin-ui] .metin-support-detail-head span {
  font-size: 12px;
}

html[data-metin-ui] .metin-support-detail ._shots_tds3e_160 {
  flex-wrap: wrap;
  margin-top: 0;
}

html[data-metin-ui] :is(.metin-support-detail ._shots_tds3e_160, .metin-support-staff ._shots_1nd4f_169) img {
  width: min(100%, 8rem);
  height: 6rem;
  object-fit: contain;
}

html[data-metin-ui] :is(.metin-support-detail ._thread_tds3e_140, .metin-support-staff ._messages_1nd4f_155) [data-support-author] {
  min-width: 0;
  padding: 6px 7px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-support-detail, .metin-support-staff) [data-support-author] > :first-child {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

html[data-metin-ui] :is(.metin-support-detail, .metin-support-staff) [data-support-author] > :first-child::before {
  content: '';
  flex: 0 0 18px;
  height: 18px;
  background: url('/metin-ui/mail/envelope.png') center / contain no-repeat;
}

html[data-metin-ui] :is(.metin-support-detail, .metin-support-staff) [data-support-author='staff'] > :first-child::before {
  flex-basis: 30px;
  background-image: url('/metin-ui/support/staff-mark.png');
}

html[data-metin-ui] .metin-support-detail ._thread_tds3e_140 p {
  margin: 4px 0 0;
  white-space: pre-wrap;
}

html[data-metin-ui] .metin-support-staff-page {
  width: min(100%, 68rem);
  min-width: 0;
  margin-inline: auto;
  gap: 8px;
}

html[data-metin-ui] .metin-support-titlebar {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 33px;
  padding: 3px 30px;
}

html[data-metin-ui] .metin-support-titlebar h1 {
  margin: 0;
  color: var(--metin-gold);
  font-size: 15px;
  text-align: center;
}

html[data-metin-ui] .metin-support-staff-page ._subtitle_1nd4f_21 {
  padding: 2px 6px;
}

html[data-metin-ui] .metin-support-staff-page ._toolbar_1nd4f_64 {
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-support-staff-page ._toolbar_1nd4f_64 button {
  min-height: 30px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-image: var(--metin-button-normal) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-support-staff-page ._toolbar_1nd4f_64 button:is(:hover, :focus-visible) {
  border-image-source: var(--metin-button-hover);
}

html[data-metin-ui] .metin-support-staff-page ._toolbar_1nd4f_64 button:is([aria-pressed='true'], [aria-selected='true']) {
  border-image-source: var(--metin-button-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-support-staff {
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-support-staff :is(.metin-support-queue, .metin-support-staff-detail) {
  min-width: 0;
}

html[data-metin-ui] .metin-support-staff ._list_1nd4f_98 {
  padding: 4px;
  scrollbar-width: thin;
  scrollbar-color: #8b7350 #1c150d;
}

html[data-metin-ui] .metin-support-staff ._list_1nd4f_98 button {
  min-height: 37px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-support-staff ._form_1nd4f_182 {
  min-width: 0;
  padding-top: 6px;
  border-top: 1px solid #5d4a35;
}

@media (min-width: 840px) {
  html[data-metin-ui] .metin-support-layout {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    align-items: start;
  }
}

@media (max-width: 800px) {
  html[data-metin-ui] .metin-support-staff-page {
    margin-block-end: 56px;
  }

  html[data-metin-ui] .metin-support-staff ._list_1nd4f_98 {
    max-height: 36dvh;
  }

  html[data-metin-ui] .metin-support-staff-page ._toolbar_1nd4f_64 button,
  html[data-metin-ui] .metin-support-staff ._actions_1nd4f_203 button,
  html[data-metin-ui] .metin-support-history ._historyButton_tds3e_114 {
    min-height: 40px;
  }

  html[data-metin-ui] .metin-support-dialog ._actions_tds3e_98 button {
    flex: 1 1 7rem;
    min-height: 40px;
    height: auto;
    white-space: normal;
  }
}

@media (max-width: 400px) {
  html[data-metin-ui] :is(.metin-support-detail ._shots_tds3e_160, .metin-support-staff ._shots_1nd4f_169) img {
    width: min(8rem, calc((100% - 8px) / 2));
    height: 5.5rem;
  }
}

/* GameMasterBanDialog uses a title bar, recessed edit slots and Middle_Button sprites. */
html[data-metin-ui] .metin-moderation-dialog {
  width: min(100%, 39rem);
}

html[data-metin-ui] .metin-moderation-form {
  display: grid;
  gap: 12px;
  min-width: 0;
}

html[data-metin-ui] .metin-moderation-fields {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px 12px;
}

html[data-metin-ui] .metin-moderation-form :is(label, input, textarea) {
  min-width: 0;
  max-width: 100%;
}

html[data-metin-ui] .metin-moderation-target {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 4px 12px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-name.png") 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  font-weight: 700;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-moderation-target::before {
  content: "";
  flex: 0 0 28px;
  height: 18px;
  background: url("/metin-ui/support/staff-mark.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-moderation-form :is(._field_qu8zq_15, ._field_fldva_16) {
  background: #100c08;
  border: 1px solid transparent;
  border-image: url("/metin-ui/field.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-moderation-form :is(._field_qu8zq_15, ._field_fldva_16):focus-within {
  outline: 1px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-moderation-form textarea {
  min-block-size: 5rem;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-moderation-form textarea:focus-visible {
  outline: none;
}

html[data-metin-ui] .metin-moderation-ip-option {
  display: grid;
  gap: 6px;
  padding: 5px 8px 7px;
  border: 1px solid #6c4b3b;
  border-radius: 0;
  background: #291b14;
}

html[data-metin-ui] .metin-moderation-ip-option ._checkboxLabel_6nnc3_20 {
  gap: 7px;
  min-block-size: 32px;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-moderation-ip-option ._checkbox_6nnc3_20 {
  appearance: none;
  flex: 0 0 20px;
  inline-size: 20px;
  block-size: 20px;
  background: url("/metin-ui/check-box.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-moderation-ip-option ._checkbox_6nnc3_20:checked {
  background-image: url("/metin-ui/check-mark.png"), url("/metin-ui/check-box.png");
}

html[data-metin-ui] .metin-moderation-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

html[data-metin-ui] :is(
  .metin-moderation-dialog ._footer_1jcx0_234 button,
  .metin-moderation-actions button,
  .metin-moderation-create ._actions_1nd4f_203 button,
  .metin-moderation-row-action button,
  .metin-moderation-action
) {
  --metin-control-art: url("/metin-ui/economy/middle-normal.png");
  min-height: 34px;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(
  .metin-moderation-dialog ._footer_1jcx0_234 button,
  .metin-moderation-actions button,
  .metin-moderation-create ._actions_1nd4f_203 button,
  .metin-moderation-row-action button,
  .metin-moderation-action
):is(:hover, :focus-visible):enabled {
  --metin-control-art: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(
  .metin-moderation-dialog ._footer_1jcx0_234 button,
  .metin-moderation-actions button,
  .metin-moderation-create ._actions_1nd4f_203 button,
  .metin-moderation-row-action button,
  .metin-moderation-action
):active:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] :is(.metin-moderation-create, .metin-moderation-ledger) {
  min-width: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  box-shadow: none;
}

html[data-metin-ui] :is(.metin-moderation-ip-layout ._sectionTitle_1nd4f_226, .metin-moderation-create ._formHeading_1nd4f_233) {
  margin: 0;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 17px / 0 repeat stretch;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
  text-transform: none;
}

html[data-metin-ui] .metin-moderation-create .metin-moderation-form {
  margin-top: 8px;
}

html[data-metin-ui] .metin-moderation-ip-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

html[data-metin-ui] .metin-moderation-ledger {
  container-type: inline-size;
}

html[data-metin-ui] .metin-support-staff-page {
  container: metin-staff / inline-size;
}

html[data-metin-ui] .metin-moderation-ledger th {
  background: #33271b;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-moderation-ledger td {
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-moderation-ledger ._reason_1nd4f_59 {
  white-space: pre-wrap;
}

html[data-metin-ui] .metin-moderation-ledger [data-metin-sanction-state="active"] td:last-child {
  color: #ead199;
}

html[data-metin-ui] .metin-moderation-cell-label {
  display: none;
}

@media (min-width: 600px) {
  html[data-metin-ui] .metin-moderation-fields:has(> :nth-child(2)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@container metin-staff (min-width: 66rem) {
  html[data-metin-ui] .metin-moderation-ip-layout {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 2fr);
    align-items: start;
  }

  html[data-metin-ui] .metin-moderation-ip-layout > header {
    grid-column: 1 / -1;
  }

  html[data-metin-ui] .metin-moderation-create .metin-moderation-fields:has(> :nth-child(2)) {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 1366px) {
  html[data-metin-ui]:has(.metin-moderation-ip-layout) ._drawerDesktop_1qjpe_149 {
    inset-inline-start: auto;
    inset-inline-end: max(16px, var(--safe-right, 0px));
    transform: none;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(
    .metin-moderation-dialog ._footer_1jcx0_234 button,
    .metin-moderation-actions button,
    .metin-moderation-create ._actions_1nd4f_203 button,
    .metin-moderation-row-action button,
    .metin-moderation-action,
    .metin-moderation-ip-option ._checkboxLabel_6nnc3_20
  ) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-moderation-actions button {
    flex: 1 1 6.5rem;
  }
}

@container (max-width: 700px) {
  html[data-metin-ui] .metin-moderation-ledger :is(table, tbody) {
    display: grid;
    min-width: 0;
    width: 100%;
    gap: 6px;
  }

  html[data-metin-ui] .metin-moderation-ledger thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  html[data-metin-ui] .metin-moderation-ledger tbody tr {
    display: grid;
    min-width: 0;
    padding: 4px 7px;
    background: #17110d;
    border: 1px solid #604a33;
  }

  html[data-metin-ui] .metin-moderation-ledger tbody td {
    display: grid;
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1fr);
    gap: 6px;
    min-width: 0;
    max-width: none;
    padding: 4px 2px;
    white-space: normal;
    border-color: #5a45323f;
  }

  html[data-metin-ui] .metin-moderation-ledger td._reason_1nd4f_59 .metin-moderation-cell-value {
    white-space: pre-wrap;
  }

  html[data-metin-ui] .metin-moderation-ledger td.metin-moderation-row-action {
    display: block;
    border-bottom: 0;
  }

  html[data-metin-ui] .metin-moderation-row-action button {
    width: 100%;
  }

  html[data-metin-ui] .metin-moderation-cell-label {
    display: block;
    color: var(--metin-muted);
  }
}

@container (width > 700px) {
  html[data-metin-ui] .metin-moderation-ip-layout .metin-moderation-ledger tbody td:nth-child(2) {
    white-space: nowrap;
  }

  html[data-metin-ui] .metin-moderation-row-action button {
    padding-inline: 0.5rem;
    white-space: nowrap;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-moderation-ip-option :is(._checkbox_6nnc3_20, ._checkbox_6nnc3_20:checked) {
    appearance: auto;
    background: none;
  }
}

/* ToolTip uses the native ThinBoard and centered text. Socket text sits beside its slot. */
html[data-metin-ui] .metin-item-tooltip {
  min-width: 0;
  color: #c2c2c2;
  background: var(--metin-board-fill) repeat #15110c;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  border-radius: 0;
  box-shadow: var(--metin-panel-shadow);
  font: 0.8125rem/1.3 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  backdrop-filter: none;
}

html[data-metin-ui] .metin-item-tooltip ._chrome_199ts_27 { display: none; }

html[data-metin-ui] ._popover_l9ndb_1[role="tooltip"] {
  border: 0;
  background: transparent;
  box-shadow: none;
}

html[data-metin-ui] .metin-item-tooltip ._body_199ts_84 {
  padding: 9px 12px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-item-tooltip :is(._name_199ts_94, .metin-item-tooltip-titlebar h2) {
  color: #f2e7c1;
  font: 700 0.875rem/1.25 var(--metin-heading-font);
  letter-spacing: 0;
}

html[data-metin-ui] .metin-item-tooltip ._description_199ts_120 {
  margin: 3px 0 7px;
  color: #c2c2c2;
}

html[data-metin-ui] .metin-item-tooltip ._line_199ts_103 { color: #c2c2c2; }
html[data-metin-ui] .metin-item-tooltip :is(.metin-item-tooltip-base, ._socketEffect_199ts_235:not(._negative_199ts_116)) { color: #8ab98e; }
html[data-metin-ui] .metin-item-tooltip ._bonus_199ts_108 { color: #b0dfb4; }
html[data-metin-ui] .metin-item-tooltip ._bonusMax_199ts_112 { color: #e1fae1; }
html[data-metin-ui] .metin-item-tooltip ._negative_199ts_116 { color: #e67976; }
html[data-metin-ui] .metin-item-tooltip .metin-alchemy-inspect {
  padding: 0;
  border: 0;
  background: none;
}
html[data-metin-ui] .metin-item-tooltip .metin-alchemy-inspect ul { color: #b0dfb4; }

html[data-metin-ui] .metin-item-tooltip :is(.metin-item-tooltip-level, ._classes_199ts_143) { color: #beb47d; }

html[data-metin-ui] .metin-item-tooltip .metin-item-tooltip-level-blocked,
html[data-metin-ui] .metin-item-tooltip._cannotEquip_199ts_158 ._classes_199ts_143 {
  color: #e67976;
}

html[data-metin-ui] .metin-item-tooltip-price {
  margin: 4px 0 0;
  color: #ffb96d;
}

html[data-metin-ui] .metin-item-tooltip :is(.metin-item-tooltip-affixes, ._sockets_199ts_175) {
  margin-block: 5px;
  padding-block-start: 5px;
  border-top: 1px solid #555;
  box-shadow: inset 0 1px #090704;
}

html[data-metin-ui] .metin-item-tooltip ._socketRow_199ts_184 {
  justify-content: flex-start;
  gap: 6px;
  text-align: start;
}

html[data-metin-ui] .metin-item-tooltip :is(._socketIcon_199ts_191, ._socketIconEmpty_199ts_201, ._socketIconMissing_199ts_210) {
  box-sizing: border-box;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  padding: 2px;
  border: 0;
  background: #17110b url("/metin-ui/item-tooltip/socket.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-item-tooltip-titlebar {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  min-height: 44px;
  margin: 4px 4px 0;
  padding: 4px 44px;
  text-align: center;
}

html[data-metin-ui] .metin-item-tooltip-titlebar h2 {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-item-tooltip-titlebar .metin-status-close {
  width: 44px;
  height: 44px;
}

html[data-metin-ui] .metin-item-tooltip-mobile {
  width: min(100%, 26rem);
  max-height: min(86dvh, 40rem);
  gap: 6px;
}

html[data-metin-ui] .metin-item-tooltip-mobile ._mobileFrame_l9ndb_68 {
  max-height: none;
}

html[data-metin-ui] .metin-item-tooltip-mobile ._mobileActions_l9ndb_104 {
  flex: 0 0 auto;
  max-height: 34dvh;
  overflow-y: auto;
}

html[data-metin-ui] .metin-item-tooltip-mobile ._mobileActions_l9ndb_104 button { min-height: 44px; }

html[data-metin-ui] .metin-challenge-window {
  width: min(100%, 820px);
  max-width: calc(100vw - 18px);
}

html[data-metin-ui] .metin-challenge-catalog {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-challenge-catalog > :not(.metin-challenge-group),
html[data-metin-ui] .metin-challenge-catalog > .metin-challenge-group[data-kind="dungeons"] {
  grid-column: 1 / -1;
}

html[data-metin-ui] .metin-challenge-catalog ._hint_1uev0_7 {
  margin: 0;
  color: var(--metin-muted);
  font-size: 13px;
}

html[data-metin-ui] .metin-challenge-index {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  gap: 3px;
  min-width: 0;
  padding: 3px;
  overflow-x: auto;
  background: url("/metin-ui/horizontalbar.png") center / auto 100% repeat-x #201a15;
  border: 1px solid #604d35;
}

html[data-metin-ui] .metin-challenge-index a {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  min-height: 30px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-image: var(--metin-tab-normal) 6 10 fill / 6px 9px / 0 stretch;
  color: var(--metin-text);
  font: 700 12px / 1.2 Tahoma, sans-serif;
  text-decoration: none;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-challenge-index a:is(:hover, :focus-visible) {
  border-image-source: var(--metin-tab-hover);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-challenge-index a:active {
  border-image-source: var(--metin-tab-pressed);
}

html[data-metin-ui] .metin-challenge-group {
  gap: 5px;
  min-width: 0;
  padding: 6px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
}

html[data-metin-ui] .metin-challenge-group ._sectionTitle_1uev0_33 {
  scroll-margin-top: 55px;
  min-height: 23px;
  padding: 3px 7px;
  font: 700 13px / 1.25 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-challenge-group ._list_1uev0_55 {
  gap: 5px;
}

html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  min-height: 56px;
  padding: 5px;
  background: #140f0bd6;
  border: 1px solid #5d4934;
  border-radius: 0;
}

html[data-metin-ui] .metin-challenge-scroll {
  width: 36px;
  height: 36px;
  padding: 2px;
  background: url("/metin-ui/quest-slot.png") center / 100% 100% no-repeat;
  object-fit: contain;
}

html[data-metin-ui] .metin-challenge-target ._identity_1uev0_77,
html[data-metin-ui] .metin-challenge-target ._nameRow_1uev0_84 {
  min-width: 0;
}

html[data-metin-ui] .metin-challenge-target ._name_1uev0_84 {
  color: var(--metin-gold);
  font: 700 13px / 1.25 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-challenge-values {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  color: var(--metin-muted);
  font-size: 11px;
}

html[data-metin-ui] .metin-challenge-values > span {
  padding: 1px 4px;
  background: #0c0a07;
  border: 1px solid #4d3c29;
}

html[data-metin-ui] .metin-challenge-values :is([data-blocked], [data-cooldown]) {
  color: #f2b486;
}

html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target ._huntButton_1uev0_152 {
  min-width: 80px;
  min-height: 30px;
  padding: 3px 7px;
  font: 700 12px / 1.2 Tahoma, sans-serif;
  white-space: normal;
  background: url("/metin-ui/pvp/duel-normal.png") center / 100% 100% no-repeat;
  border: 0;
  border-image: none;
}

html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target ._huntButton_1uev0_152:is(:hover, :focus-visible):enabled {
  background-image: url("/metin-ui/pvp/duel-hover.png");
}

html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target ._huntButton_1uev0_152:active:enabled {
  background-image: url("/metin-ui/pvp/duel-pressed.png");
}

@media (min-width: 720px) {
  html[data-metin-ui] .metin-challenge-catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  html[data-metin-ui] .metin-challenge-index a,
  html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target ._huntButton_1uev0_152,
  html[data-metin-ui] .metin-challenge-target ._infoButton_1uev0_116 {
    min-height: 44px;
  }
}

@media (max-width: 390px) {
  html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 4px;
  }

  html[data-metin-ui] .metin-challenge-target ._huntButton_1uev0_152 {
    grid-column: 1 / -1;
    justify-self: end;
  }
}

/* Local 200px mob artwork in Stonecall's bronze and gold frames. */
html[data-metin-ui] .metin-enemy-portrait {
  --enemy-size: 48px;
  --enemy-rim: #88704b;
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 var(--enemy-size);
  width: var(--enemy-size);
  height: var(--enemy-size);
  box-sizing: border-box;
  padding: 3px;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid var(--enemy-rim);
  border-radius: 4px 1px;
  background: radial-gradient(ellipse at 50% 70%, #63503c70, transparent 72%), linear-gradient(145deg, #29231d, #100e0c 68%);
  box-shadow: inset 0 0 0 1px #080605, inset 0 0 10px #0009, 0 1px 3px #0009;
  isolation: isolate;
  pointer-events: none;
}
html[data-metin-ui] .metin-enemy-portrait[data-size="sm"] { --enemy-size: 38px; }
html[data-metin-ui] .metin-enemy-portrait[data-size="lg"] { --enemy-size: 60px; }
html[data-metin-ui] .metin-enemy-portrait[data-kind="boss"] { --enemy-rim: #c28a55; background-color: #341c16; }
html[data-metin-ui] .metin-enemy-portrait[data-kind="rare"] { --enemy-rim: #739daf; background-color: #182c34; }
html[data-metin-ui] .metin-enemy-portrait[data-kind="metin"] { --enemy-rim: #ab8bc6; background-color: #271b36; }
html[data-metin-ui] .metin-enemy-portrait > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  border: 0;
  border-radius: 0;
  filter: drop-shadow(0 2px 2px #000c);
}
html[data-metin-ui] .metin-enemy-portrait::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 1px;
  border-block-start: 1px solid #f3dc9e38;
  border-inline-start: 1px solid #f3dc9e20;
  pointer-events: none;
}
html[data-metin-ui] .metin-enemy-portrait-rivet {
  position: absolute;
  z-index: 2;
  right: 2px;
  bottom: 2px;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  border: 1px solid #c9af72;
  background: #8c703f;
  box-shadow: 0 0 3px #000;
}
html[data-metin-ui] .metin-enemy-portrait[data-kind="boss"] .metin-enemy-portrait-rivet { border-color: #f4a474; background: #b84228; }
html[data-metin-ui] .metin-enemy-portrait[data-kind="metin"] .metin-enemy-portrait-rivet { border-color: #d1b1f1; background: #8c58ba; }
html[data-metin-ui] .metin-enemy-silhouette { width: 78%; color: #ae9a76; opacity: .7; }
html[data-metin-ui] .metin-enemy-silhouette svg { display: block; width: 100%; height: 100%; }
html[data-metin-ui] .metin-enemy-portrait[data-fallback][data-element="fire"] .metin-enemy-silhouette { color: #e9a06a; }
html[data-metin-ui] .metin-enemy-portrait[data-fallback][data-element="ice"] .metin-enemy-silhouette { color: #8ec3d4; }
html[data-metin-ui] .metin-enemy-portrait[data-fallback][data-element="wind"] .metin-enemy-silhouette { color: #99c99a; }
html[data-metin-ui] .metin-enemy-portrait[data-fallback][data-element="lightning"] .metin-enemy-silhouette { color: #ded18b; }
html[data-metin-ui] .metin-enemy-portrait[data-fallback][data-element="dark"] .metin-enemy-silhouette { color: #b6a0d7; }

html[data-metin-ui] .metin-encounter-choice-row .metin-enemy-choice-copy { flex: 1 1 0; min-width: 0; }
html[data-metin-ui] .metin-enemy-choice-stats { display: flex; flex-wrap: wrap; gap: 3px 5px; white-space: normal; }
html[data-metin-ui] .metin-enemy-choice-stats > [aria-hidden="true"] { display: none; }
html[data-metin-ui] .metin-enemy-choice-stats > span:not([aria-hidden]) { padding: 1px 3px; border: 1px solid #4d3c29; background: #0c0a0766; }
html[data-metin-ui] .metin-encounter-choice-row ._option_9s53t_35 { min-height: 64px; }
html[data-metin-ui] .metin-encounter-choice-row ._infoButton_9s53t_51 { width: 44px; min-height: 44px; }
html[data-metin-ui] .metin-encounter-choice-row:has([aria-selected="true"]) .metin-enemy-portrait { box-shadow: inset 0 0 0 1px #080605, inset 0 0 10px #0009, 0 0 5px #d2aa6340; }
html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target:not(.metin-challenge-instance) { grid-template-columns: 60px minmax(0, 1fr) auto; }
html[data-metin-ui] .metin-enemy-catalog-main { display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: 6px 10px; }
html[data-metin-ui] .metin-enemy-catalog-main > .metin-enemy-portrait { grid-row: 1 / 3; }
html[data-metin-ui] .metin-enemy-catalog-main > :not(.metin-enemy-portrait) { grid-column: 2; min-width: 0; }
html[data-metin-ui] .metin-enemy-catalog-main ._monsterStats_68qjt_1671 { flex-wrap: wrap; justify-content: flex-start; gap: 10px; }
html[data-metin-ui] :is(.metin-enemy-detail-heading, .metin-enemy-loot-heading) { display: flex; align-items: center; gap: 10px; min-width: 0; text-align: start; }
html[data-metin-ui] :is(.metin-enemy-detail-heading, .metin-enemy-loot-heading) > span:last-child { min-width: 0; overflow-wrap: anywhere; }
html[data-metin-ui] .metin-enemy-portraits { display: inline-flex; align-items: center; flex: 0 0 auto; padding-inline-end: 2px; }
html[data-metin-ui] .metin-enemy-portraits .metin-enemy-portrait + .metin-enemy-portrait { margin-inline-start: -7px; }
html[data-metin-ui] .metin-enemy-portrait-more { display: grid; place-items: center; min-width: 23px; height: 24px; margin-inline-start: 3px; padding: 1px 3px; background: #1b1510; border: 1px solid #745c3d; color: var(--metin-gold); font: 700 11px Tahoma, sans-serif; }
html[data-metin-ui] .metin-live-target-line { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 6px 8px; }
html[data-metin-ui] .metin-live-target-line > .metin-enemy-portraits { grid-column: 1; grid-row: 1; }
html[data-metin-ui] .metin-live-target-line > h3 { grid-column: 2; grid-row: 1; min-width: 0; margin: 0; }
html[data-metin-ui] .metin-live-target-line > :not(.metin-enemy-portraits):not(h3) { grid-column: 1 / -1; min-width: 0; }
@media (max-width: 390px) {
  html[data-metin-ui] .metin-challenge-catalog .metin-challenge-target:not(.metin-challenge-instance) { grid-template-columns: 48px minmax(0, 1fr); }
  html[data-metin-ui] .metin-challenge-target > .metin-enemy-portrait { --enemy-size: 48px; }
  html[data-metin-ui] .metin-live-target-line { gap: 6px; }
  html[data-metin-ui] .metin-enemy-portraits .metin-enemy-portrait { --enemy-size: 32px; }
}

/* Horse inventory boards and the stable master's native quest dialogue. */
html[data-metin-ui] :is(.metin-horse, .metin-stable) {
  width: min(100%, 1040px);
  margin-inline: auto;
}

html[data-metin-ui] .metin-horse-window {
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-horse-titlebar {
  position: relative;
  min-height: 36px;
  height: auto;
  margin: 7px 7px 0;
  padding: 4px 45px;
  text-align: center;
}

html[data-metin-ui] .metin-horse-titlebar h1 {
  font-size: 15px;
}

html[data-metin-ui] .metin-horse-window ._body_ezgp2_64 {
  gap: 13px;
  padding: 13px;
  background: transparent;
}

html[data-metin-ui] :is(.metin-horse ._hero_ezgp2_84, .metin-horse ._panel_ezgp2_304, .metin-stable ._intro_1c51p_6) {
  min-width: 0;
  padding: 12px;
  background: var(--metin-board-fill) repeat #18130e;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  box-shadow: inset 0 0 12px #0008;
}

html[data-metin-ui] .metin-horse ._hero_ezgp2_84 {
  align-items: center;
  gap: clamp(14px, 3vw, 30px);
}

html[data-metin-ui] .metin-horse ._modelFrame_ezgp2_99 {
  width: min(100%, 200px);
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
  background: #130f0c;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  box-shadow: inset 0 0 15px #000b;
}

html[data-metin-ui] .metin-horse ._model_ezgp2_99 :is(video, model-viewer) {
  object-fit: contain;
}

html[data-metin-ui] .metin-horse ._heroInfo_ezgp2_142 {
  width: min(100%, 520px);
}

html[data-metin-ui] .metin-horse ._tierName_ezgp2_152 {
  font-size: clamp(15px, 2vw, 19px);
  letter-spacing: normal;
}

html[data-metin-ui] .metin-horse ._vitality_ezgp2_191 {
  min-height: 32px;
  padding: 0 9px 0 0;
  background: #0d0a07a8;
  border-color: #68563c;
}

html[data-metin-ui] .metin-horse ._stateBadge_ezgp2_132 {
  position: static;
  flex: 0 0 32px;
  object-fit: contain;
}

html[data-metin-ui] .metin-horse ._columns_ezgp2_290 {
  align-items: start;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr);
}

html[data-metin-ui] .metin-horse ._panelTitle_ezgp2_315 {
  padding: 4px 8px;
  color: var(--metin-gold);
  background: #231a13;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  font: 700 13px / 1.35 var(--metin-heading-font);
  text-align: center;
  text-transform: none;
}

html[data-metin-ui] .metin-horse ._slotRow_ezgp2_336 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

html[data-metin-ui] .metin-horse ._slotCell_ezgp2_343 {
  min-width: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-horse-gear-slot {
  position: relative;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-horse-gear-slot ._root_xb5gk_1 {
  width: 44px;
  height: 44px;
  min-width: 0;
  min-height: 0;
}

html[data-metin-ui] .metin-horse ._slotCell_ezgp2_343[data-locked] .metin-horse-gear-slot::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: url("/metin-ui/horse/slot-lock.png") center / 34px 32px no-repeat;
}

html[data-metin-ui] .metin-horse ._slotCell_ezgp2_343[data-locked] ._lockOverlay_xb5gk_486 {
  visibility: hidden;
}

html[data-metin-ui] .metin-horse ._bonusRow_ezgp2_496 {
  padding-inline: 7px;
  border-bottom: 1px solid #73563738;
}

html[data-metin-ui] .metin-horse ._bonusRow_ezgp2_496:nth-child(odd) {
  background: #0b080562;
}

html[data-metin-ui] .metin-horse ._bonusRow_ezgp2_496[data-zero] :is(span, ._bonusValue_ezgp2_510) {
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-horse ._slotPanel_ezgp2_357 {
  padding: 8px;
  background: #100c09b0;
  border: 1px solid #51412d;
}

html[data-metin-ui] .metin-stable .metin-stable-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

html[data-metin-ui] .metin-stable ._portrait_1c51p_24 {
  display: grid;
  flex: none;
  place-items: center;
  overflow: hidden;
  width: 88px;
  height: 88px;
  margin-inline: auto;
  background: #0c0906;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
}

html[data-metin-ui] .metin-stable ._portrait_1c51p_24 model-viewer {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

html[data-metin-ui] .metin-stable ._dialogue_1c51p_50 {
  font-weight: 700;
}

html[data-metin-ui] .metin-stable ._modeHint_1c51p_73 {
  padding: 5px 7px;
  background: #100c09ab;
  border-color: #55442f;
}

html[data-metin-ui] .metin-stable-dialogue > ._heading_5va06_34,
html[data-metin-ui] .metin-stable-dialogue ._offerList_5va06_93 {
  width: 100%;
}

html[data-metin-ui] .metin-stable-dialogue .metin-npc-quest-board {
  width: 100%;
  height: min(34rem, 72dvh);
}

html[data-metin-ui] .metin-stable-dialogue ._offerButton_5va06_103 {
  min-height: 38px;
  padding-inline: 8px;
}

html[data-metin-ui] .metin-stable-dialogue ._speech_1vwnf_1 {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-stable-dialogue ._speech_1vwnf_1 > p {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-stable-dialogue :is(._exchangeCostName_1vwnf_486, ._exchangeRewardName_1vwnf_419) {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (min-width: 800px) {
  html[data-metin-ui] .metin-horse ._columns_ezgp2_290 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  html[data-metin-ui] .metin-stable .metin-stable-body {
    grid-template-columns: minmax(188px, 1fr) minmax(0, 3.1fr);
  }

  html[data-metin-ui] .metin-stable ._intro_1c51p_6 {
    flex-direction: column;
  }

  html[data-metin-ui] .metin-stable ._portrait_1c51p_24 {
    width: 105px;
    height: 105px;
  }

  html[data-metin-ui] .metin-stable-dialogue ._actions_5va06_256 {
    justify-content: end;
  }
}

@media (max-width: 599px) {
  html[data-metin-ui] .metin-horse-window ._body_ezgp2_64 {
    gap: 9px;
    padding: 8px;
  }

  html[data-metin-ui] :is(.metin-horse ._hero_ezgp2_84, .metin-horse ._panel_ezgp2_304, .metin-stable ._intro_1c51p_6) {
    gap: 8px;
    padding: 8px;
  }

  html[data-metin-ui] .metin-horse ._modelFrame_ezgp2_99 {
    width: min(100%, 155px);
  }

  html[data-metin-ui] .metin-horse :is(._actionRow_ezgp2_366:not(._trainingAction_ezgp2_396), ._candidate_ezgp2_466) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 6px;
  }

  html[data-metin-ui] .metin-horse :is(._actionRow_ezgp2_366:not(._trainingAction_ezgp2_396), ._candidate_ezgp2_466) > button:last-child {
    grid-column: 1 / -1;
    justify-self: end;
  }

  html[data-metin-ui] .metin-horse ._trainingAction_ezgp2_396 {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "icon head" "details details" "button button";
  }

  html[data-metin-ui] .metin-stable ._intro_1c51p_6 {
    flex-direction: row;
    align-items: flex-start;
    text-align: start;
  }

  html[data-metin-ui] .metin-stable ._portrait_1c51p_24 {
    width: 72px;
    height: 72px;
  }

  html[data-metin-ui] .metin-stable-dialogue .metin-npc-quest-board {
    height: min(35rem, 75dvh);
    max-height: none;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-horse-titlebar {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-horse-titlebar .metin-status-close {
    min-width: 44px;
    min-height: 44px;
  }

  html[data-metin-ui] :is(.metin-horse, .metin-stable) button:not([data-metin-slot]) {
    min-height: 44px;
  }

  html[data-metin-ui] :is(.metin-horse, .metin-stable) :is(._inlineLink_ezgp2_545, [role="tab"], ._offerButton_5va06_103) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-stable-dialogue ._dialogueScroll_5va06_220 {
    overscroll-behavior-y: contain;
  }
}

/* The stable master's Horseman Cube uses the shared native Cube artwork. */
html[data-metin-ui] .metin-stable-cube ._speech_1vwnf_1 {
  gap: 4px;
}

html[data-metin-ui] .metin-stable-cube .metin-stable-cube-recipes {
  margin: 0;
  list-style: none;
}

html[data-metin-ui] .metin-stable-cube-recipes button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 44px;
  padding: 3px 5px;
  border: 1px solid #5b4531;
  border-radius: 0;
  background: #211911;
  color: var(--metin-text);
  font: 700 13px / 1.3 var(--metin-font);
  text-align: start;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-stable-cube-recipes button:is([aria-pressed="true"], :hover, :focus-visible) {
  border-color: #a4834f;
  background: #3c2a1b;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-stable-cube-strip {
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #60472e;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
  color: var(--metin-gold);
  font: 700 13px / 1.2 var(--metin-font);
}

html[data-metin-ui] .metin-stable-cube ._recipeHead_1vwnf_153 {
  min-width: 0;
  padding: 4px;
  border: 1px solid #5b4531;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-stable-cube ._recipeName_1vwnf_167 {
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] .metin-stable-cube :is([data-metin-slot], ._protectIconWrap_1vwnf_253) {
  border: 0;
  border-radius: 0;
  background: var(--metin-slot) center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-stable-cube ._recipeFooter_1vwnf_207 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-stable-cube ._protectCard_1vwnf_216 {
  width: 100%;
  min-width: 0;
  border-radius: 0;
}

html[data-metin-ui] .metin-stable-cube ._protectCard_1vwnf_216[aria-pressed="true"] {
  border-color: #a4834f;
  background: #3c2a1b;
}

html[data-metin-ui] .metin-stable-cube :is(._protectCardName_1vwnf_299, ._protectCardMeta_1vwnf_315) {
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] .metin-stable-cube-yang {
  display: flex;
  justify-content: end;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #5b4531;
  background: url("/metin-ui/cube/yang-field.png") center / 100% 100% no-repeat var(--metin-recess);
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-stable-cube-yang[data-ok="false"] {
  border-color: #8b5640;
}

@media (min-width: 800px) {
  html[data-metin-ui] .metin-stable-dialogue .metin-npc-quest-board:has(.metin-stable-cube) {
    height: min(44rem, calc(100dvh - 190px));
  }
}

@container (min-width: 620px) {
  html[data-metin-ui] .metin-stable-cube-materials ._requirementList_1vwnf_53 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  html[data-metin-ui] .metin-stable-cube-materials ._recipeFooter_1vwnf_207 {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

/* Native ExchangeDialog panels for the stable master's existing offers. */
html[data-metin-ui] .metin-stable-exchange {
  display: grid;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] .metin-stable-exchange .metin-stable-exchange-wallet {
  margin: 0;
}

html[data-metin-ui] .metin-stable-exchange ._exchangeWalletChip_1vwnf_337 {
  border: 1px solid #5b4531;
  border-radius: 0;
  background: var(--metin-recess) url("/metin-ui/field.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-stable-exchange-offers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-stable-exchange-offers button {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: center;
  gap: 5px;
  width: 100%;
  min-height: 46px;
  padding: 2px 5px;
  border: 1px solid #5b4531;
  border-radius: 0;
  background: #211911;
  color: var(--metin-text);
  font: 700 13px / 1.25 var(--metin-font);
  text-align: start;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-stable-exchange-offers button:is([aria-pressed="true"], :hover, :focus-visible) {
  border-color: #a4834f;
  background: #3c2a1b;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-stable-exchange-selected {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 5px 7px 7px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-stable-exchange-side {
  display: grid;
  align-content: start;
  gap: 5px;
  min-width: 0;
  padding: 5px;
  border: 1px solid #5b4531;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-stable-exchange-side h4 {
  margin: 0;
  padding: 3px 5px;
  border: 1px solid #60472e;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
  color: var(--metin-gold);
  font: 700 13px / 1.2 var(--metin-font);
}

html[data-metin-ui] .metin-stable-exchange-side [data-metin-slot] {
  border: 0;
  border-radius: 0;
  background: var(--metin-slot) center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-stable-exchange-yang {
  display: flex;
  justify-content: end;
  margin: 0;
  padding: 4px 6px;
  border: 1px solid #5b4531;
  background: var(--metin-recess) url("/metin-ui/field.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-stable-exchange-yang[data-enough="false"] {
  border-color: #8b5640;
}

html[data-metin-ui] .metin-stable-exchange ._exchangeAction_1vwnf_516 {
  justify-self: end;
  min-width: min(100%, 120px);
  margin: 0;
}

@media (max-width: 599px) {
  html[data-metin-ui] .metin-stable-exchange .metin-stable-exchange-sides {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  html[data-metin-ui] .metin-stable-exchange-sides::before {
    display: none;
  }

  html[data-metin-ui] .metin-stable-exchange ._exchangeAction_1vwnf_516 {
    width: 100%;
  }
}

/* QuestDialog's ThinBoard, inventory slots and uiquest.BarButton. */
html[data-metin-ui] .metin-research-npc {
  display: grid;
  width: min(100%, 1060px);
  min-width: 0;
  gap: 10px;
  margin-inline: auto;
}

html[data-metin-ui] .metin-research-window {
  width: 100%;
  min-width: 0;
  padding: 8px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-research-window .metin-research-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-height: 34px;
  height: auto;
  padding: 5px 8px;
}

html[data-metin-ui] .metin-research-title :is(h1, h2) {
  margin: 0;
  font: 700 16px / 1.25 var(--metin-font);
  overflow-wrap: anywhere;
  text-align: center;
}

html[data-metin-ui] .metin-research-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  min-width: 0;
  padding: 8px 0 0;
  background: transparent;
}

html[data-metin-ui] .metin-research-intro {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #695338;
  background: #120e0bc7;
  text-align: start;
}

html[data-metin-ui] .metin-research-intro :is(.metin-research-portrait, ._portrait_capsk_163) {
  justify-self: center;
  width: 58px;
  height: 58px;
  border: 1px solid #594935;
  background: #130e0a;
}

html[data-metin-ui] .metin-research-speech {
  min-width: 0;
}

html[data-metin-ui] .metin-research-blocked {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid #695338;
  background: #20160e;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-research-aid-group {
  display: grid;
  gap: 6px;
  padding: 7px;
}

html[data-metin-ui] .metin-research-aid-group p {
  margin: 0;
  font-size: 0.875rem;
}

html[data-metin-ui] .metin-research-aid-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 174px), 1fr));
  gap: 6px;
}

html[data-metin-ui] .metin-research-aid {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  text-align: start;
  white-space: normal;
}

html[data-metin-ui] .metin-research-aid img {
  flex: 0 0 32px;
  object-fit: contain;
}

html[data-metin-ui] .metin-research-aid span {
  display: grid;
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-research-npc [data-metin-npc-quests] {
  min-width: 0;
}

html[data-metin-ui] .metin-research-npc [data-metin-npc-quests] :is(._heading_5va06_34, ._offerList_5va06_93, .metin-npc-quest-board) {
  width: 100%;
}

html[data-metin-ui] .metin-research-npc [data-metin-npc-quests] .metin-npc-quest-board {
  height: auto;
  max-height: none;
  grid-template-rows: auto auto auto;
}

html[data-metin-ui] .metin-research-npc ._dialogueScroll_5va06_220 {
  overflow: visible;
  padding-inline: 0;
}

html[data-metin-ui] .metin-research-quest-copy {
  display: grid;
  gap: 7px;
  min-width: 0;
}

html[data-metin-ui] .metin-research-quest-copy p {
  margin: 0;
}

html[data-metin-ui] .metin-research-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 208px), 1fr));
  gap: 8px;
  min-width: 0;
  margin-top: 8px;
}

html[data-metin-ui] :is(.metin-research-details-pane, .metin-research-mortar-rates, .metin-research-mortar-unlock, .metin-research-offer) {
  min-width: 0;
  padding: 7px;
  border: 1px solid #695338;
  border-radius: 0;
  background: #100d0abf;
  box-shadow: none;
}

html[data-metin-ui] :is(.metin-research-strip, .metin-research-mortar ._sectionTitle_1jv8e_147) {
  margin: 0 0 6px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 14px / 0 repeat stretch;
  background: #2b2017;
  color: var(--metin-gold);
  font: 700 13px / 1.2 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-research-samples {
  display: grid;
  min-width: 0;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-research-samples li {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: .875rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-research-samples ._rowCopy_1nhox_17 {
  display: grid;
  min-width: 0;
}

html[data-metin-ui] .metin-research-samples ._dropFrom_1nhox_34 {
  color: var(--metin-muted);
  font-size: .75rem;
}

html[data-metin-ui] .metin-research-slot {
  flex-shrink: 0;
  background: var(--metin-slot) center / 100% 100% no-repeat #110e0b;
  border-radius: 0;
}

html[data-metin-ui] .metin-research-details ._choiceList_fop31_200 {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

html[data-metin-ui] .metin-research-quest-button,
html[data-metin-ui] :is(.metin-research-offer, .metin-research-mortar) :is(._actionBtn_pj205_126, ._actionBtn_1jv8e_234, ._unlockBtn_1jv8e_122) {
  min-width: 0;
  min-height: 40px;
  padding: 5px 7px;
  border: 1px solid #a7a6a64d;
  border-radius: 0;
  border-image: none;
  background: #99999940;
  box-shadow: none;
  color: var(--metin-text);
  font: 700 .8125rem / 1.2 var(--metin-font);
  overflow-wrap: anywhere;
  white-space: normal;
}

html[data-metin-ui] :is(.metin-research-quest-button, .metin-research-offer ._actionBtn_pj205_126, .metin-research-mortar ._actionBtn_1jv8e_234, .metin-research-mortar ._unlockBtn_1jv8e_122):enabled:is(:hover, :focus-visible) {
  background: #ddddff40;
}

html[data-metin-ui] .metin-research-quest-button[aria-pressed="true"] {
  color: var(--metin-gold);
  border-color: #c7a367;
  background: #aaaacc40;
}

html[data-metin-ui] .metin-research-npc :is(button, a):focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-research-offer ._chip_pj205_16 {
  padding: 4px 6px;
  border: 1px solid #635039;
  border-radius: 0;
  background: #2c2117;
}

html[data-metin-ui] .metin-research-input-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
}

html[data-metin-ui] .metin-research-input-row ._rewardsChest_pj205_74 {
  min-width: 42px;
  min-height: 42px;
  padding: 3px 5px;
  border-radius: 0;
  background: #251b12;
}

html[data-metin-ui] .metin-research-input-row ._rewardsChestIcon_pj205_97 {
  width: 30px;
  height: 30px;
}

html[data-metin-ui] .metin-research-mortar {
  container-type: inline-size;
}

html[data-metin-ui] .metin-research-mortar ._rateCard_1jv8e_42 {
  gap: 3px;
  padding: 4px 2px;
  border-radius: 0;
}

html[data-metin-ui] .metin-research-mortar ._sectionTitle_1jv8e_147 {
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

html[data-metin-ui] .metin-research-mortar-slots {
  gap: 1px;
  justify-self: center;
  align-self: center;
  width: min(100%, 240px);
  padding: 2px;
  border: 1px solid #594935;
  background: #100d0a;
}

html[data-metin-ui] .metin-research-mortar-slots ._slotWrap_1jv8e_172 {
  min-height: 0;
}

html[data-metin-ui] .metin-research-mortar ._actionBtn_1jv8e_234 {
  width: 100%;
}

html[data-metin-ui] .metin-research-journal .metin-research-journal-entry {
  border: 1px solid #655037;
  border-radius: 0;
  background: #16110d;
}

@container (min-width: 460px) {
  html[data-metin-ui] .metin-research-mortar ._rateList_1jv8e_33 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@container (max-width: 459px) {
  html[data-metin-ui] .metin-research-mortar .metin-research-exchange {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 480px) {
  html[data-metin-ui] .metin-research-input-row {
    grid-template-columns: auto minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-research-input-row ._rewardsChest_pj205_74 {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    margin: 0;
  }
}

@media (min-width: 1024px) {
  html[data-metin-ui] body:has(._drawerDesktop_1qjpe_149) .metin-research-npc:not(.metin-research-seon *) {
    padding-bottom: 50px;
  }

  html[data-metin-ui] body:has(._drawerDesktop_1qjpe_149:not(._drawerCollapsed_1qjpe_160)) .metin-research-npc:not(.metin-research-seon *) {
    padding-bottom: min(75vh, calc(var(--app-height, 100dvh) - var(--metin-taskbar-height, 56px) - 24px));
  }

  html[data-metin-ui] .metin-research-body:has(.metin-research-intro) {
    grid-template-columns: minmax(180px, 24%) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-research-intro {
    grid-template-columns: minmax(0, 1fr);
    padding: 11px;
  }

  html[data-metin-ui] .metin-research-intro :is(.metin-research-portrait, ._portrait_capsk_163) {
    width: min(100%, 96px);
    height: 96px;
  }
}


/* CharacterWindow draws Quest_TitleBar above the list and TabControl below it.
   At narrow widths the category tabs stay by the title while the journal scrolls. */
html[data-metin-ui] .metin-quest-journal {
  box-sizing: border-box;
  width: min(100%, 84rem);
  min-width: 0;
  gap: 0.45rem;
  margin-inline: auto;
  padding: 0.45rem;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-quest-cancel { margin-top: 12px; }
html[data-metin-ui] .metin-quest-cancel > button { min-height: 44px; }
html[data-metin-ui] .metin-quest-cancel > [role="alert"] { color: #efb19c; font-size: 13px; }

html[data-metin-ui] .metin-quest-journal > ._beforeTabs_1nw2n_10 {
  position: static;
  order: 1;
  flex: none;
  width: auto;
  height: auto;
  overflow: visible;
  pointer-events: auto;
}

html[data-metin-ui] .metin-quest-journal-title {
  display: grid;
  min-height: 34px;
  place-items: center;
  padding: 0.25rem 2.75rem;
  text-align: center;
}

html[data-metin-ui] .metin-quest-journal-title h1 {
  min-width: 0;
  margin: 0;
  color: var(--metin-gold);
  font: 700 1rem / 1.25 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-quest-journal > [data-sticky-hub] {
  position: sticky;
  inset-block-start: 0;
  order: 2;
  height: auto;
  margin: 0;
  padding: 0.25rem;
  border: 1px solid #5c4b37;
  background: url("/metin-ui/horizontalbar.png") left center / auto 100% repeat-x #21190f;
}

html[data-metin-ui] .metin-quest-journal > [data-sticky-hub]::after {
  content: none;
}

html[data-metin-ui] .metin-quest-journal-tabs {
  width: min(100%, 40rem);
  height: auto;
  margin-inline: auto;
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tablist"] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.2rem;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: visible;
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tab"] {
  --metin-quest-tab: var(--metin-tab-normal);
  display: flex;
  min-width: 0;
  min-height: 39px;
  height: auto;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.2rem 0.35rem;
  border: 1px solid transparent;
  border-image: var(--metin-quest-tab) 6 10 fill / 6px 10px / 0 stretch;
  border-radius: 0;
  color: var(--metin-text);
  background: transparent;
  box-shadow: none;
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tab"]::before,
html[data-metin-ui] .metin-quest-journal-tabs [role="tab"]::after {
  content: none;
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tab"]:is(:hover, :focus-visible) {
  --metin-quest-tab: var(--metin-tab-hover);
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tab"][aria-selected="true"] {
  --metin-quest-tab: var(--metin-tab-pressed);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-quest-journal-tabs ._label_1ic98_99 {
  min-width: 0;
  color: inherit;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  text-overflow: clip;
}

html[data-metin-ui] .metin-quest-journal-tabs .metin-quest-tab-scroll {
  display: block;
  width: 28px;
  height: 28px;
  background: url("/metin-ui/quest-scroll-close.png") center / 23px no-repeat,
    url("/metin-ui/quest-slot.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-quest-journal-tabs [role="tab"]:is([aria-selected="true"], :hover, :focus-visible) .metin-quest-tab-scroll {
  background-image: url("/metin-ui/quest-scroll-open.png"), url("/metin-ui/quest-slot.png");
}

html[data-metin-ui] .metin-quest-journal > .metin-quest-journal-content {
  order: 3;
  min-width: 0;
  padding: 0;
}

html[data-metin-ui] .metin-quest-journal [data-quest-page] {
  min-width: 0;
}

html[data-metin-ui] .metin-quest-journal ._root_1p8cj_1 {
  margin-inline: 0;
}

html[data-metin-ui] .metin-quest-journal :is(.metin-story-window, .metin-daily-layout, .metin-research-journal) {
  width: 100%;
  max-width: none;
}

html[data-metin-ui] .metin-quest-journal .metin-story-title[data-metin-titlebar]:has(> [data-metin-close]) {
  min-block-size: 30px;
  padding-inline: 0.55rem;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
}

html[data-metin-ui] .metin-quest-journal .metin-story-title[data-metin-titlebar]::before,
html[data-metin-ui] .metin-quest-journal .metin-story-title[data-metin-titlebar] > [data-metin-close] {
  display: none;
}

html[data-metin-ui] .metin-quest-journal .metin-story-window .metin-character-tabs[data-native] {
  width: min(100%, 250px);
  margin-inline: auto;
}

@media (min-width: 1024px) and (min-height: 540px) {
  html[data-metin-ui] .metin-quest-journal {
    max-block-size: calc(var(--app-height, 100dvh) - var(--shell-top-chrome, 0px) - var(--metin-taskbar-height, 0px) - 2 * var(--space-4, 16px));
  }

  html[data-metin-ui] .metin-quest-journal > [data-sticky-hub] {
    position: static;
    order: 3;
  }

  html[data-metin-ui] .metin-quest-journal > .metin-quest-journal-content {
    order: 2;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-color: var(--metin-border) var(--metin-recess);
  }

  html[data-metin-ui] .metin-quest-journal .metin-story-list {
    max-block-size: none;
    overflow: visible;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-quest-journal-tabs [role="tab"] {
    min-height: 44px;
  }
}

@media (max-width: 440px) {
  html[data-metin-ui] .metin-quest-journal {
    padding: 0.3rem;
  }

  html[data-metin-ui] .metin-quest-journal-tabs [role="tab"] {
    flex-direction: column;
    gap: 0.12rem;
    padding-inline: 0.2rem;
  }
}


/* QuestDialog's question board and two native confirmation choices. */
html[data-metin-ui] .metin-elder-reset {
  display: grid;
  gap: 6px;
  min-width: 0;
  padding: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-elder-reset-header {
  display: grid;
  grid-template-columns: 37px minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  min-width: 0;
  padding: 4px;
  border: 1px solid #60472e;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
}

html[data-metin-ui] .metin-elder-reset-icon {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-elder-reset-icon img {
  object-fit: contain;
}

html[data-metin-ui] .metin-elder-reset-header h4 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px / 1.25 Tahoma, sans-serif;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-elder-reset-level {
  justify-self: end;
  min-width: 0;
  padding: 4px 6px;
  background: url("/metin-ui/field.png") center / 100% 100% no-repeat #110d09;
  color: var(--metin-text);
  font: 700 12px / 1.2 Tahoma, sans-serif;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-elder-reset[data-blocked] .metin-elder-reset-level {
  color: #f1b898;
}

html[data-metin-ui] .metin-elder-reset-question {
  margin: 0;
  padding: 5px 6px;
  background: #1d1510;
  border: 1px solid #60472e;
  color: var(--metin-text);
  font: 13px / 1.4 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-elder-reset-choices {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-elder-reset-choices button {
  --metin-elder-button: url("/metin-ui/economy/middle-normal.png");
  min-width: 0;
  min-height: 36px;
  padding: 3px 5px;
  border: 1px solid transparent;
  border-image: var(--metin-elder-button) 5 8 fill / 5px 8px / 0 stretch;
  border-radius: 0;
  background: #211911;
  color: var(--metin-gold);
  box-shadow: none;
  font: 700 13px / 1.2 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-elder-reset-choices button:is(:hover, :focus-visible):enabled {
  --metin-elder-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-elder-reset-choices button:active:enabled {
  --metin-elder-button: url("/metin-ui/economy/middle-pressed.png");
}

@media (min-width: 900px) {
  html[data-metin-ui] .metin-npc-quest-board:has(.metin-elder-reset) {
    width: min(100%, 690px);
    height: auto;
    min-height: 210px;
  }
}

@media (max-width: 640px), (pointer: coarse) {
  html[data-metin-ui] .metin-elder-reset-choices button {
    min-height: 44px;
  }
}


/* GiftBox's original icon and the recessed fields from the native message window. */
html[data-metin-ui] ._icon_jp46o_39.metin-referral-gift {
  background-image: url("/metin-ui/gift/present.png");
}

html[data-metin-ui] .metin-referral-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-metin-ui] .metin-referral-hero {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 4px 7px;
}

html[data-metin-ui] .metin-referral-hero img { object-fit: contain; }
html[data-metin-ui] .metin-referral-hero p { margin: 0; }

html[data-metin-ui] .metin-referral-local {
  padding-top: 4px;
  color: var(--metin-muted);
  font-size: 0.75rem;
}

html[data-metin-ui] .metin-referral-layout > section {
  display: grid;
  min-width: 0;
  gap: 7px;
  margin: 0;
  padding: 7px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: none;
}

html[data-metin-ui] .metin-referral-layout > section > h3 {
  min-width: 0;
  margin: 0;
  color: var(--metin-gold);
  font: 700 0.875rem/1.2 var(--metin-heading-font);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-referral-layout input:not([type="checkbox"]) {
  min-width: 0;
  color: var(--metin-text);
  background: #17110c;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-name.png") 5 7 fill / 5px 7px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-referral-layout ._reflinkRow_1gf96_125 { flex-wrap: wrap; }

html[data-metin-ui] .metin-referral-layout ._reflinkRow_1gf96_125 > :first-child {
  flex: 1 1 11rem;
  min-width: 0;
}

html[data-metin-ui] .metin-referral-layout ._statusSummary_1gf96_88 {
  color: var(--metin-gold);
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-referral-terms { margin-block: 2px; }

@media (min-width: 900px) {
  html[data-metin-ui] .metin-referral-layout {
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  }

  html[data-metin-ui] :is(.metin-referral-hero, .metin-referral-terms) { grid-column: 1 / -1; }
  html[data-metin-ui] .metin-referral-link { grid-area: 2 / 1; }
  html[data-metin-ui] .metin-referral-status { grid-area: 3 / 1; }
  html[data-metin-ui] .metin-referral-form { grid-area: 2 / 2 / span 2; }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-referral-layout :is(button, input:not([type="checkbox"])) { min-height: 44px; }
}

/* SelectItemWindow slot art surrounds the real reward inventory after the reveal. */
html[data-metin-ui] .metin-case-window {
  padding: 6px;
  border-radius: 0;
}

html[data-metin-ui] .metin-case-window ._mobileHandle_1e5zh_176 { display: none; }

html[data-metin-ui] .metin-case-window .metin-case-title {
  flex: none;
  min-height: 38px;
  padding: 6px 10px;
  background: #30251d;
  border: 1px solid transparent;
  border-image: var(--metin-title) 0 32 fill / 0 24px / 0 repeat stretch;
}

html[data-metin-ui] .metin-case-window ._title_1e5zh_191 {
  font: 700 0.9375rem/1.2 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-case-window[data-phase="reveal"] ._stage_1e5zh_181 {
  min-height: 0;
  padding: 7px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

html[data-metin-ui] .metin-case-window .metin-case-rewards {
  box-sizing: border-box;
  width: min(100%, 40rem);
  min-width: 0;
  margin: 0;
  padding: 5px;
  gap: 5px;
  list-style: none;
}

html[data-metin-ui] .metin-case-window._panelMulti_1e5zh_48 .metin-case-rewards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
}

html[data-metin-ui] .metin-case-window ._revealCard_1e5zh_466 {
  width: 100%;
  min-width: 0;
  padding: 7px 4px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: #14100b;
}

html[data-metin-ui] .metin-case-window:not(._panelMulti_1e5zh_48) ._revealCard_1e5zh_466 { width: min(100%, 16rem); }
html[data-metin-ui] .metin-case-window ._itemName_1e5zh_457 { overflow-wrap: anywhere; }
html[data-metin-ui] .metin-case-window ._closeBtn_1e5zh_516 { min-height: 44px; }

@media (min-width: 1024px) {
  html[data-metin-ui] .metin-case-window { width: min(40rem, 100%); }
  html[data-metin-ui] .metin-case-window._panelMulti_1e5zh_48 { width: min(46rem, 100%); }
}

@media (max-width: 767px) {
  html[data-metin-ui] ._backdrop_1e5zh_1 { padding-inline: var(--safe-left) var(--safe-right); }
  html[data-metin-ui] .metin-case-window { padding-bottom: max(6px, var(--safe-bottom)); }
}
html[data-metin-ui] .metin-referral-content {
  display: grid;
  gap: 14px;
  padding: 2px;
  min-width: 0;
  color: var(--metin-text);
}
.metin-referral-content > section,
.metin-referral-share,
.metin-referral-registration {
  min-width: 0;
  padding: 10px;
  border: 1px solid #755e3c;
  background: #171610;
}
.metin-referral-content :is(h3, p), .metin-referral-registration p { margin: 0 0 6px; }
.metin-referral-content h3, .metin-referral-registration strong { color: var(--metin-gold); }
.metin-referral-share { display: grid; gap: 8px; }
.metin-referral-share input {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #806443;
  background: #11130f;
  color: #f2e3c3;
}
.metin-referral-actions { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; }
.metin-referral-actions a { text-align: center; text-decoration: none; }
.metin-referral-email form { display: grid; gap: 8px; }
.metin-referral-email summary { color: var(--metin-gold); cursor: pointer; }
.metin-referral-email[open] summary { margin-bottom: 7px; }
.metin-referral-email input[type="email"] { box-sizing: border-box; width: 100%; min-width: 0; padding: 7px; }
.metin-referral-content :is(.metin-referral-stages, .metin-referral-list) {
  display: grid;
  padding: 0;
  margin: 0;
  gap: 8px;
  list-style: none;
}
.metin-referral-content .metin-referral-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metin-referral-stages li, .metin-referral-card, .metin-referral-frame {
  min-width: 0;
  border: 1px solid #665537;
  background: #211d14;
  padding: 9px;
  overflow-wrap: anywhere;
}
.metin-referral-card { display: grid; gap: 5px; }
.metin-referral-card[data-completed] { border-color: #5b8245; }
.metin-referral-card progress { width: 100%; accent-color: #b99958; }
.metin-referral-complete { color: #aed18b; }
.metin-referral-frame { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.metin-referral-frame-preview { display: inline-block; width: 26px; height: 26px; border-radius: 50%; background: #302819; }
[data-frame="stone-alliance"] { outline: 2px solid #acdfc0; outline-offset: 1px; box-shadow: 0 0 8px #68c698; }
[data-frame="stone-ambassador"] { outline: 2px solid #ffd785; outline-offset: 1px; box-shadow: 0 0 10px #d09743; }
.metin-referral-registration { margin-bottom: 12px; color: #eadcc1; }
@media (max-width: 630px) {
  .metin-referral-content .metin-referral-stages { grid-template-columns: minmax(0, 1fr); }
  .metin-referral-share input, .metin-referral-email input[type="email"] { font-size: 16px; }
  .metin-referral-content :is(button[data-metin-button], a[data-metin-button]) { min-height: 44px; }
}

/* ChatLogWindow and GuildWarScoreBoard provide the list and thin frame.
   GlobalRankingsManager provides the level rail and aligned score columns. */
html[data-metin-ui] .metin-pvp-season {
  display: grid;
  align-items: start;
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-pvp-season-heading {
  display: flex;
  grid-column: 1 / -1;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  min-height: 32px;
  padding: 5px 9px;
}

html[data-metin-ui] .metin-pvp-season-heading h2,
html[data-metin-ui] .metin-pvp-season-name {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px / 1.2 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pvp-season-heading .metin-pvp-season-name {
  font-size: 12px;
}

html[data-metin-ui] .metin-pvp-season-timer {
  display: block;
  min-width: 0;
  color: var(--metin-text);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pvp-season-heading .metin-pvp-season-timer {
  margin-inline-start: auto;
}

html[data-metin-ui] :is(.metin-pvp-season-board, .metin-pvp-season-bands, .metin-pvp-history-list) {
  min-width: 0;
  padding: 6px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] .metin-pvp-season-bands {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 4px;
}

html[data-metin-ui] .metin-pvp-season-bands [role="tab"] {
  --metin-pvp-band-texture: url("/metin-ui/economy/category-normal.png");
  min-width: 0;
  min-height: 36px;
  padding: 4px;
  border: 1px solid transparent;
  border-image: var(--metin-pvp-band-texture) 5 9 fill / 5px 9px / 0 stretch;
  background: #211a12;
  color: var(--metin-text);
  font-size: 12px;
  text-align: center;
}

html[data-metin-ui] .metin-pvp-season-bands [role="tab"]:is(:hover, :focus-visible) {
  --metin-pvp-band-texture: url("/metin-ui/economy/category-hover.png");
}

html[data-metin-ui] .metin-pvp-season-bands [role="tab"]:is(:active, [aria-selected="true"]) {
  --metin-pvp-band-texture: url("/metin-ui/economy/category-pressed.png");
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-pvp-season-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-pvp-season-table :is(th, td) {
  padding: 7px;
  border-bottom: 1px solid #59442e;
  color: var(--metin-text);
  font-size: 13px;
  text-align: start;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pvp-season-table thead {
  background: #34271b url("/metin-ui/horizontalbar.png") center / 120px 100% repeat-x;
}

html[data-metin-ui] .metin-pvp-season-table thead th {
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-pvp-season-table tbody tr:nth-child(odd) {
  background: #130f0b74;
}

html[data-metin-ui] .metin-pvp-season-table tbody tr:nth-child(even) {
  background: #32251a65;
}

html[data-metin-ui] .metin-pvp-season-table tbody tr[data-current] {
  background: #5e482970;
  box-shadow: inset 2px 0 #b28c52;
}

html[data-metin-ui] .metin-pvp-season-table tr:is([data-place="1"], [data-place="2"], [data-place="3"]) td:first-child {
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-pvp-season-table th:first-child {
  width: 17%;
}

html[data-metin-ui] .metin-pvp-rankings .metin-pvp-season-table th:nth-child(3) {
  width: 16%;
}

html[data-metin-ui] .metin-pvp-rankings .metin-pvp-season-table th:nth-child(4) {
  width: 23%;
}

html[data-metin-ui] .metin-pvp-season-more {
  display: flex;
  width: fit-content;
  margin: 0 0 6px auto;
}

html[data-metin-ui] .metin-pvp-reward-info {
  display: grid;
  gap: 8px;
  padding: 8px;
}

html[data-metin-ui] .metin-pvp-reward-info .metin-pvp-season-name {
  margin: 0 0 3px;
}

html[data-metin-ui] .metin-pvp-rewards .metin-pvp-season-table th:is(:nth-child(2), :nth-child(3)) {
  width: 21%;
}

html[data-metin-ui] .metin-pvp-season-reward-items {
  display: grid;
  gap: 3px;
}

html[data-metin-ui] :is(.metin-pvp-season-reward-item, .metin-pvp-season-currency) {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}

html[data-metin-ui] .metin-pvp-season-reward-item img {
  flex: none;
  width: 25px;
  height: 25px;
  padding: 2px;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat;
  object-fit: contain;
}

html[data-metin-ui] .metin-pvp-season-currency img {
  flex: none;
  object-fit: contain;
}

html[data-metin-ui] .metin-pvp-history-list > li {
  border-bottom-color: #59442e;
}

html[data-metin-ui] .metin-pvp-history-list > li:nth-child(even) {
  background: #32251a65;
}

html[data-metin-ui] .metin-pvp-history-list ._row_t4sqk_34 {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) 78px minmax(108px, auto) 19px;
  grid-template-areas: "outcome opponent elo time arrow";
  gap: 5px;
  min-height: 39px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-image: none;
  background: transparent;
  box-shadow: none;
  font: 400 13px / 1.3 Tahoma, sans-serif;
}

html[data-metin-ui] .metin-pvp-history-list ._row_t4sqk_34:is(:hover, :focus-visible, [aria-expanded="true"]) {
  border-color: #856740;
  background: #48342088;
}

html[data-metin-ui] .metin-pvp-history-outcome {
  grid-area: outcome;
  width: fit-content;
  padding: 2px 5px;
  border: 1px solid #6f6247;
  background: #18130d;
  color: var(--metin-text);
  font-size: 12px;
}

html[data-metin-ui] [data-outcome="win"] > button > .metin-pvp-history-outcome {
  border-color: #6a7c45;
  color: #c9dba4;
}

html[data-metin-ui] [data-outcome="loss"] > button > .metin-pvp-history-outcome {
  border-color: #975c48;
  color: #f1ab98;
}

html[data-metin-ui] .metin-pvp-history-list ._opponent_t4sqk_53 {
  grid-area: opponent;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pvp-history-elo {
  grid-area: elo;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-pvp-history-list ._time_t4sqk_69 {
  grid-area: time;
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-pvp-history-arrow {
  grid-area: arrow;
  width: 16px;
  height: 16px;
  background: url("/metin-ui/scrollbar-down-normal.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-pvp-history-list button[aria-expanded="true"] .metin-pvp-history-arrow {
  background-image: url("/metin-ui/scrollbar-up-normal.png");
}

html[data-metin-ui] .metin-pvp-history-detail {
  min-width: 0;
  padding: 5px;
}

@media (min-width: 860px) {
  html[data-metin-ui] .metin-pvp-season:is(.metin-pvp-rankings, .metin-pvp-rewards) {
    grid-template-columns: minmax(150px, 24%) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-pvp-season-bands {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  html[data-metin-ui] .metin-pvp-season-heading {
    min-height: 38px;
  }

  html[data-metin-ui] .metin-pvp-season-heading .metin-pvp-season-timer {
    width: 100%;
  }

  html[data-metin-ui] .metin-pvp-season-table :is(th, td) {
    padding: 5px 3px;
    font-size: 11px;
  }

  html[data-metin-ui] :is(.metin-pvp-season-bands [role="tab"], .metin-pvp-season-more) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-pvp-history-list ._row_t4sqk_34 {
    grid-template-columns: 67px minmax(0, 1fr) 18px;
    grid-template-areas: "outcome opponent arrow" "elo time time";
    min-height: 48px;
    padding-inline: 5px;
  }

  html[data-metin-ui] .metin-pvp-history-list ._time_t4sqk_69 {
    margin-inline: 0;
  }

  html[data-metin-ui] .metin-pvp-season-currency img {
    width: 12px;
    height: 12px;
  }

  html[data-metin-ui] .metin-pvp-season-reward-item {
    flex-wrap: wrap;
  }
}

/* Public profiles combine TargetBoard controls with the Character and Guild boards. */
html[data-metin-ui] :is(.metin-public-player, .metin-public-guild) {
  width: min(100%, 1060px);
  min-width: 0;
  flex: none;
  gap: 10px;
  margin-inline: auto;
  padding: 8px;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-public-title {
  display: grid;
  position: relative;
  place-items: center;
  min-height: 34px;
  padding: 4px 44px;
  text-align: center;
}

html[data-metin-ui] .metin-public-title h1 {
  margin: 0;
  font: 700 15px / 1.25 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-public-player, .metin-public-guild) .metin-public-panel,
html[data-metin-ui] .metin-public-player .metin-public-target {
  min-width: 0;
  padding: 9px;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  box-shadow: inset 0 0 12px #0008;
}

html[data-metin-ui] .metin-public-player > .metin-public-target {
  flex: none;
}

html[data-metin-ui] :is(.metin-public-player, .metin-public-guild) :is(.metin-public-panel, .metin-public-target, ._root_1l44f_1) > ._paddingLg_11w98_135 {
  padding: 3px;
}

html[data-metin-ui] .metin-public-player ._identity_1rb2m_15 {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 12px;
  row-gap: 6px;
}

html[data-metin-ui] .metin-public-player ._identityLead_1rb2m_33 {
  align-items: center;
  gap: 9px;
}

html[data-metin-ui] .metin-public-player ._avatarWrap_1rb2m_50:not([data-frame]):has(.metin-public-portrait) {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  background: url("/metin-ui/status/portrait-frame.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-public-portrait {
  display: block;
  object-fit: contain;
}

html[data-metin-ui] .metin-public-player :is(._titleBlock_1rb2m_37, ._nameRow_1rb2m_101, ._metaRow_1rb2m_127, ._dates_1rb2m_141) {
  gap: 5px 8px;
}

html[data-metin-ui] .metin-public-player ._dates_1rb2m_141 {
  grid-template-columns: repeat(2, minmax(0, max-content));
}

html[data-metin-ui] .metin-public-player ._dates_1rb2m_141 dd {
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-public-player .metin-public-target-actions button {
  --target-button: url("/metin-ui/pvp/duel-normal.png");
  min-height: 30px;
  padding: 4px 8px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--target-button) 5 12 fill / 5px 12px / 0 stretch;
  border-radius: 0;
  font: 700 12px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] .metin-public-player .metin-public-target-actions button:is(:hover, :focus-visible):enabled {
  --target-button: url("/metin-ui/pvp/duel-hover.png");
}

html[data-metin-ui] .metin-public-player .metin-public-target-actions button:active:enabled {
  --target-button: url("/metin-ui/pvp/duel-pressed.png");
}

html[data-metin-ui] .metin-public-player :is(._grid_1rb2m_160, ._row_yyj34_1, ._stack_yyj34_9) {
  gap: 9px;
  min-width: 0;
}

html[data-metin-ui] .metin-public-player ._row_yyj34_1 {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

html[data-metin-ui] .metin-public-player ._derived_yyj34_16 {
  height: auto;
  min-height: 0;
}

html[data-metin-ui] :is(.metin-public-player, .metin-public-guild) .metin-public-panel :is(h2, h3) {
  margin: 0 0 8px;
  padding: 3px 7px;
  color: var(--metin-gold);
  background: #231a13;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  font: 700 13px / 1.35 var(--metin-heading-font);
  text-align: center;
  text-transform: none;
}

html[data-metin-ui] .metin-public-player ._statGrid_1g8qf_808 {
  gap: 3px;
}

html[data-metin-ui] .metin-public-player ._statRow_1g8qf_813 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
  padding: 1px 0 1px 5px;
  background: #0b080542;
}

html[data-metin-ui] .metin-public-player ._statRow_1g8qf_813 dt {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-public-player :is(._statRow_1g8qf_813 dd, ._level_40g05_41, ._lifetimeValue_1rb2m_217) {
  min-width: 42px;
  margin: 0;
  padding: 2px 5px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/status/value-medium.png") 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
  font: 700 12px / 1.35 var(--metin-font);
  text-align: center;
}

html[data-metin-ui] .metin-public-player :is(._icon_40g05_23, ._lifetimeIcon_1rb2m_200) {
  background: var(--metin-slot) center / 100% 100% no-repeat;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-public-player ._lifetimeStat_1rb2m_183 {
  gap: 4px;
  padding: 8px 4px;
  background: #100c09af;
  box-shadow: inset 0 0 0 1px #59452f;
}

html[data-metin-ui] .metin-public-player ._lifetimeStat_1rb2m_183 dt {
  overflow-wrap: anywhere;
  text-transform: none;
}

html[data-metin-ui] .metin-public-guild {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

html[data-metin-ui] .metin-public-guild ._root_1l44f_1 {
  min-width: 0;
  padding: 9px;
}

html[data-metin-ui] .metin-public-guild ._item_1xtp5_23 {
  min-width: 0;
  background: #100c09ad;
  border-color: #51412d;
  border-radius: 0;
}

html[data-metin-ui] .metin-public-guild ._name_1xtp5_44 {
  overflow-wrap: anywhere;
}

@media (min-width: 850px) {
  html[data-metin-ui] .metin-public-guild {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-metin-ui] .metin-public-guild > :is(.metin-public-title, ._root_1l44f_1, .metin-public-guild-members) {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1120px) {
  html[data-metin-ui] .metin-public-player ._grid_1rb2m_160 {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: start;
  }

  html[data-metin-ui] .metin-public-player .metin-public-lifetime {
    grid-column: 1 / -1;
  }

  html[data-metin-ui] .metin-public-player ._derivedList_yyj34_47 {
    max-height: min(22rem, 58dvh);
    overflow-y: auto;
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-public-player ._identity_1rb2m_15 {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-public-player ._dates_1rb2m_141 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: start;
    text-align: start;
  }

  html[data-metin-ui] .metin-public-player ._actions_1rb2m_81 {
    justify-content: start;
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-public-title,
  html[data-metin-ui] .metin-public-player ._actions_1rb2m_81 button {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-public-title .metin-status-close {
    min-width: 44px;
    min-height: 44px;
  }
}

/* MessengerWindow's board, status lamps and window-close sprites. */
html[data-metin-ui] ._topChrome_1dbmx_38:has(.metin-notification-window) {
  z-index: calc(var(--z-overlay) + 1);
}

html[data-metin-ui] .metin-notification-window {
  width: min(420px, calc(100vw - 16px));
  max-width: none;
  min-width: 0;
  padding: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-notification-desktop > .metin-notification-window {
  overflow: hidden;
}

@media (min-width: 1024px) {
  html[data-metin-ui] .metin-notification-desktop > .metin-notification-window {
    width: min(560px, calc(100vw - 28px));
    max-height: min(66dvh, calc(var(--app-height, 100dvh) - var(--metin-taskbar-height, 64px) - 30px));
  }
}

html[data-metin-ui] .metin-notification-window :is(._chrome_ogwe7_48, ._texture_ogwe7_24) {
  display: none;
}

html[data-metin-ui] .metin-notification-window .metin-notification-header {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  min-height: 34px;
  gap: 2px;
  padding: 1px 3px;
}

html[data-metin-ui] .metin-notification-header h2 {
  grid-column: 2;
  margin: 0;
  font: 700 15px / 1.2 var(--metin-font);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-notification-close {
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: url('/metin-ui/close-normal.png') center / 18px 18px no-repeat;
  color: transparent;
  cursor: pointer;
}

html[data-metin-ui] .metin-notification-close:hover {
  background-image: url('/metin-ui/close-hover.png');
}

html[data-metin-ui] .metin-notification-close:active {
  background-image: url('/metin-ui/close-pressed.png');
}

html[data-metin-ui] .metin-notification-window ._body_ogwe7_136 {
  min-height: 0;
  padding: 4px;
  margin-block: 6px 0;
  overscroll-behavior: contain;
  overflow-y: auto;
  border: 1px solid #665036;
  background: #110d0bc9;
}

html[data-metin-ui] .metin-notification-window ._body_ogwe7_136::-webkit-scrollbar {
  width: 12px;
}

html[data-metin-ui] .metin-notification-window ._body_ogwe7_136::-webkit-scrollbar-track {
  background: #110d09;
}

html[data-metin-ui] .metin-notification-window ._body_ogwe7_136::-webkit-scrollbar-thumb {
  min-height: 24px;
  border: 1px solid #5f4d35;
  background: #332718 url('/metin-ui/scrollbar-thumb.png') center / 100% auto no-repeat;
}

html[data-metin-ui] .metin-notification-empty {
  margin: 0;
  color: var(--metin-muted);
  text-align: center;
}

html[data-metin-ui] .metin-notification-window ._list_ogwe7_149 {
  display: grid;
  min-width: 0;
  gap: 3px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-notification-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
  padding: 3px;
  border-bottom: 1px solid #594732;
  background: #201810a6;
}

html[data-metin-ui] .metin-notification-entry[data-read="true"] {
  background: transparent;
}

html[data-metin-ui] .metin-notification-window .metin-notification-message {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: start;
  min-width: 0;
  min-height: 44px;
  gap: 6px;
  padding: 5px 4px;
  border: 0;
  opacity: 1;
  text-align: start;
}

html[data-metin-ui] .metin-notification-copy {
  display: grid;
  min-width: 0;
  gap: 3px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-notification-copy ._content_ogwe7_186 {
  color: var(--metin-text);
  font: 700 .8125rem / 1.3 var(--metin-font);
}

html[data-metin-ui] .metin-notification-entry[data-read="true"] ._content_ogwe7_186 {
  color: var(--metin-muted);
  font-weight: 400;
}

html[data-metin-ui] .metin-notification-lamp,
html[data-metin-ui] [data-dashboard-panel="notifications"] ._row_1gkz3_28::before {
  width: 16px;
  height: 16px;
  background: url('/metin-ui/friends/online.png') center / contain no-repeat;
}

html[data-metin-ui] .metin-notification-entry[data-read="true"] .metin-notification-lamp,
html[data-metin-ui] [data-dashboard-panel="notifications"] ._row_1gkz3_28[data-read="true"]::before {
  background-image: url('/metin-ui/friends/offline.png');
}

html[data-metin-ui] :is(.metin-notification-link, .metin-notification-footer > button) {
  display: grid;
  min-height: 36px;
  align-self: center;
  place-items: center;
  padding: 4px 9px;
  border: 1px solid transparent;
  border-image: var(--metin-shop-middle) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  background: #332719;
  box-shadow: none;
  color: var(--metin-gold);
  font: 700 .8125rem / 1.2 var(--metin-font);
  text-align: center;
  text-decoration: none;
}

html[data-metin-ui] :is(.metin-notification-link, .metin-notification-footer > button):hover {
  border-image-source: var(--metin-shop-middle-hover);
}

html[data-metin-ui] :is(.metin-notification-link, .metin-notification-footer > button):active {
  border-image-source: var(--metin-shop-middle-pressed);
}

html[data-metin-ui] .metin-notification-footer {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 7px 4px 0;
}

html[data-metin-ui] .metin-notification-window :is(button, a):focus-visible,
html[data-metin-ui] .metin-notification-mobile-button:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-notification-trigger-art {
  display: block;
  width: 28px;
  height: 28px;
  background: url('/metin-ui/hud/community-normal.png') center / contain no-repeat;
}

html[data-metin-ui] [aria-haspopup="dialog"]:hover > span > .metin-notification-trigger-art {
  background-image: url('/metin-ui/hud/community-hover.png');
}

html[data-metin-ui] [aria-haspopup="dialog"]:is(:active, [aria-expanded="true"]) > span > .metin-notification-trigger-art {
  background-image: url('/metin-ui/hud/community-pressed.png');
}

html[data-metin-ui] .metin-notification-mobile-button {
  display: grid;
  width: 36px;
  height: 44px;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

html[data-metin-ui] :is(._right_1v0xl_322:has(.metin-notification-mobile), .metin-notification-mobile) {
  position: static;
}

html[data-metin-ui] .metin-notification-mobile > .metin-notification-window {
  top: calc(100% + 5px);
  right: max(8px, var(--shell-safe-right, 0px));
  left: max(8px, var(--shell-safe-left, 0px));
  width: auto;
  max-height: min(420px, calc(var(--app-height, 100dvh) - var(--shell-top-chrome, 110px) - var(--mobile-nav-offset, 50px) - 12px));
}

html[data-metin-ui] .metin-notification-mobile :is(.metin-notification-link, .metin-notification-footer > button) {
  min-height: 44px;
}

html[data-metin-ui] .metin-system-notices .metin-system-notice-icon {
  width: 21px;
  height: 21px;
  background: url('/metin-ui/quest-scroll-open.png') center / contain no-repeat;
}

html[data-metin-ui] .metin-system-notice-kind {
  padding: 4px 10px;
  border: 1px solid transparent;
  border-image: url('/metin-ui/horizontalbar.png') 0 32 fill / 0 15px / 0 repeat stretch;
  color: var(--metin-gold);
  text-align: center;
  font-weight: 700;
}

html[data-metin-ui] .metin-system-notice-details {
  overflow-wrap: anywhere;
}

html[data-metin-ui] [data-dashboard-panel="notifications"] ._row_1gkz3_28 {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) auto;
  align-items: start;
  min-width: 0;
  gap: 6px;
  border-radius: 0;
}

html[data-metin-ui] [data-dashboard-panel="notifications"] ._row_1gkz3_28::before {
  content: '';
}

html[data-metin-ui] [data-dashboard-panel="notifications"] ._message_1gkz3_58 {
  overflow-wrap: anywhere;
}

@media (max-width: 380px) {
  html[data-metin-ui] ._mobileActions_1v0xl_341:has(.metin-notification-mobile) {
    gap: 1px;
  }

  html[data-metin-ui] [data-dashboard-panel="notifications"] ._row_1gkz3_28 {
    grid-template-columns: 16px minmax(0, 1fr);
  }

  html[data-metin-ui] [data-dashboard-panel="notifications"] ._time_1gkz3_71 {
    grid-column: 2;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-notification-close {
    background: none;
    color: ButtonText;
  }

  html[data-metin-ui] .metin-notification-trigger-art::before {
    content: '!';
  }
}


/* MaintenanceDialog's narrow strip, QuestionDialog choices, and the native Gauge. */
html[data-metin-ui] .metin-poll-banner ._row_dfaxm_6 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  min-height: 34px;
  padding-inline: 8px;
  color: var(--metin-text);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-poll-banner ._openDetails_dfaxm_24 {
  min-height: 32px;
  border-radius: 0;
}

html[data-metin-ui] .metin-poll-banner .metin-poll-scroll {
  width: 23px;
  height: 23px;
  background: url("/metin-ui/quest-scroll-open.png") center / contain no-repeat;
}

html[data-metin-ui] .metin-poll-banner :is(._phase_dfaxm_75, ._timer_dfaxm_96) {
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-poll-window ._question_dfaxm_133 {
  padding: 7px 9px;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 20px / 0 repeat stretch;
  font-weight: 700;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-poll-window :is(._options_dfaxm_139, ._results_dfaxm_229) {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

html[data-metin-ui] .metin-poll-window :is(._option_dfaxm_139, ._resultRow_dfaxm_235) {
  min-width: 0;
  margin: 0;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: var(--metin-recess);
  box-shadow: none;
}

html[data-metin-ui] .metin-poll-window :is(._optionSelected_dfaxm_165, ._resultMine_dfaxm_244) {
  border-image-source: var(--metin-board-gold);
  background: #221a12;
}

html[data-metin-ui] .metin-poll-window ._option_dfaxm_139:has(input:focus-visible) {
  outline: 1px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-poll-window ._option_dfaxm_139:has(input:disabled) { cursor: default; }

html[data-metin-ui] .metin-poll-window :is(._radio_dfaxm_171, ._radioMark_dfaxm_186) {
  width: 18px;
  height: 18px;
}

html[data-metin-ui] .metin-poll-window ._radioMark_dfaxm_186 {
  border: 0;
  border-radius: 0;
  background: url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-poll-window ._radioInput_dfaxm_178:checked + ._radioMark_dfaxm_186 {
  background: url("/metin-ui/check-mark.png") center / 14px 14px no-repeat,
    url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
  box-shadow: none;
}

html[data-metin-ui] .metin-poll-window ._radioInput_dfaxm_178:focus-visible + ._radioMark_dfaxm_186 {
  outline: none;
}

html[data-metin-ui] .metin-poll-window :is(._optionLabel_dfaxm_211, ._resultMeta_dfaxm_250 > span) {
  min-width: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-poll-window ._bar_dfaxm_269 {
  height: 10px;
  border: 1px solid #5a4630;
  background: url("/metin-ui/gauge-slot.png") center / auto 100% repeat-x #0d0a07;
}

html[data-metin-ui] .metin-poll-window ._barFill_dfaxm_276 {
  background: url("/metin-ui/gauge-blue.png") left center / auto 100% repeat-x;
}

/* PopupDialog uses a centered message and one Middle_Button confirmation. */
html[data-metin-ui] .metin-system-popup .metin-system-message {
  margin: 0;
  padding: 12px 10px;
  color: var(--metin-text);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: var(--metin-recess);
  text-align: center;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-system-popup .metin-system-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 12px;
  margin-top: 7px;
  color: var(--metin-muted);
  text-align: center;
}

html[data-metin-ui] :is(.metin-poll-window, .metin-system-popup) ._footer_1jcx0_234 {
  justify-content: center;
}

html[data-metin-ui] :is(.metin-poll-window, .metin-system-popup, .metin-system-compose) ._footer_1jcx0_234 button {
  --metin-control-art: url("/metin-ui/economy/middle-normal.png");
  min-width: min(100%, 8rem);
}

html[data-metin-ui] :is(.metin-poll-window, .metin-system-popup, .metin-system-compose) ._footer_1jcx0_234 button:hover:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(.metin-poll-window, .metin-system-popup, .metin-system-compose) ._footer_1jcx0_234 button:active:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-system-compose ._fields_1q507_8 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}

html[data-metin-ui] .metin-system-compose ._labelRow_1q507_20 {
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-system-compose textarea {
  min-width: 0;
  min-height: 5rem;
  resize: vertical;
  color: var(--metin-text);
  border: 1px solid transparent;
  border-image: url("/metin-ui/field.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
  background: var(--metin-recess);
  box-shadow: none;
}

@media (min-width: 1024px) {
  html[data-metin-ui] :is(.metin-poll-window ._options_dfaxm_139, .metin-system-compose ._fields_1q507_8) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-poll-banner ._openDetails_dfaxm_24, .metin-poll-window ._option_dfaxm_139) {
    min-height: 44px;
  }
}

@media (max-width: 480px) {
  html[data-metin-ui] .metin-poll-banner ._text_dfaxm_64 {
    display: grid;
    gap: 3px;
  }

  html[data-metin-ui] .metin-poll-banner :is(._sep_dfaxm_83, ._timerLabel_dfaxm_108) {
    display: none;
  }

  html[data-metin-ui] .metin-poll-window ._resultMeta_dfaxm_250 {
    flex-wrap: wrap;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] .metin-poll-window ._radioInput_dfaxm_178 {
    opacity: 1;
  }

  html[data-metin-ui] .metin-poll-window ._radioMark_dfaxm_186 {
    display: none;
  }
}

/* QuestionDialog and AttachStoneDialog share the native middle button. */
html[data-metin-ui] :is(.metin-item-dialog, .metin-attribute-scroll) button._root_1eguq_1 {
  --metin-control-art: url("/metin-ui/economy/middle-normal.png");
  white-space: normal;
}

html[data-metin-ui] :is(.metin-item-dialog, .metin-attribute-scroll) button._root_1eguq_1:hover:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(.metin-item-dialog, .metin-attribute-scroll) button._root_1eguq_1:active:enabled {
  --metin-control-art: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-item-question > ._body_1jcx0_222 > p {
  color: var(--metin-text);
  text-align: center;
  text-wrap: pretty;
}

html[data-metin-ui] .metin-item-dialog ._footer_1jcx0_234 {
  justify-content: center;
}

html[data-metin-ui] .metin-item-dialog ._header_1jcx0_148 {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 4px;
  padding-inline: 4px;
}

html[data-metin-ui] .metin-item-dialog ._title_1jcx0_165 {
  grid-column: 2;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
}

html[data-metin-ui] .metin-item-dialog ._closeButton_1jcx0_174 {
  grid-column: 3;
  justify-self: center;
}

html[data-metin-ui] .metin-socket-comparison {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-metin-ui] .metin-socket-state {
  min-width: 0;
}

html[data-metin-ui] .metin-socket-state > h3 {
  margin: 0 0 6px;
  padding: 4px 8px;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  font: 700 0.875rem / 1.25 var(--metin-heading-font);
  text-align: center;
}

html[data-metin-ui] .metin-socket-state .metin-item-tooltip {
  width: 100%;
  max-width: none;
}

html[data-metin-ui] .metin-socket-transfer {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  gap: 5px;
}

html[data-metin-ui] .metin-socket-material,
html[data-metin-ui] .metin-stone-extract ._icon_rh1da_34 {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  background: url("/metin-ui/item-tooltip/socket.png") center / 100% 100% no-repeat;
  image-rendering: pixelated;
}

html[data-metin-ui] .metin-socket-material img {
  object-fit: contain;
}

html[data-metin-ui] .metin-item-dialog :is(._option_g8t9u_28, ._row_rh1da_25) {
  min-width: 0;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  border-radius: 0;
  background: var(--metin-recess);
  box-shadow: none;
}

html[data-metin-ui] .metin-item-dialog ._optionSelected_g8t9u_43 {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] .metin-item-dialog :is(input[inputmode="numeric"], ._input_sf7mk_34) {
  min-width: 0;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-name.png") 5 7 fill / 5px 7px / 0 stretch;
  border-radius: 0;
  background: var(--metin-recess);
  box-shadow: none;
}

html[data-metin-ui] .metin-stone-extract ._name_rh1da_50 {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] ._backdrop_1otrk_11 {
  background: #000a;
  backdrop-filter: none;
}

html[data-metin-ui] .metin-attribute-scroll {
  width: min(100%, 32rem);
  max-height: min(90dvh, 42rem);
  padding: 7px;
  gap: 6px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-attribute-title {
  flex: none;
  display: grid;
  min-height: 36px;
  padding: 4px 10px;
  place-items: center;
  text-align: center;
}

html[data-metin-ui] .metin-attribute-title h2 {
  margin: 0;
  font: 700 0.9375rem / 1.2 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-attribute-scroll .metin-attribute-item {
  max-height: none;
  overflow: auto;
  overscroll-behavior: contain;
}

html[data-metin-ui] .metin-attribute-scroll ._actions_1otrk_67 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-socket-comparison {
    grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-socket-transfer {
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-attach-stone ._body_1jcx0_222 {
    padding-block: 10px;
  }

  html[data-metin-ui] .metin-socket-arrow { transform: rotate(90deg); }

  html[data-metin-ui] .metin-item-dialog :is(button, input:not([type="radio"]), ._option_g8t9u_28),
  html[data-metin-ui] .metin-attribute-scroll ._actions_1otrk_67 button {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-stone-extract ._row_rh1da_25 {
    flex-wrap: wrap;
    gap: 6px;
  }

  html[data-metin-ui] .metin-stone-extract ._selectButton_rh1da_70 {
    margin-inline-start: auto;
  }

  html[data-metin-ui] .metin-item-dialog ._body_1jcx0_222 {
    overscroll-behavior: contain;
  }
}

/* SelectCharacterWindow portraits and Parameter_Slot name fields. */
html[data-metin-ui] .metin-character-box {
  width: min(100%, 62rem);
}

html[data-metin-ui] .metin-box-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

html[data-metin-ui] .metin-box-intro {
  margin: 0;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-box-notes {
  margin: 0;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
  line-height: 1.45;
}

html[data-metin-ui] ul.metin-box-notes {
  padding-inline-start: 28px;
}

html[data-metin-ui] .metin-box-roster {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

html[data-metin-ui] .metin-box-legend {
  width: 100%;
  margin-bottom: 7px;
  padding: 5px 9px;
  background: url("/metin-ui/horizontalbar.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-box-candidates {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] :is(.metin-box-choice, .metin-box-preview) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-box-choice {
  height: 100%;
  cursor: pointer;
}

html[data-metin-ui] .metin-box-choice:is([data-selected], :focus-within) {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] .metin-box-choice[data-busy] {
  opacity: .6;
  cursor: default;
}

html[data-metin-ui] .metin-box-identity {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  flex: 1;
  min-width: 0;
}

html[data-metin-ui] .metin-box-face {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  object-fit: contain;
  background: #1a1009;
  outline: 1px solid #776039;
}

html[data-metin-ui] .metin-box-identity-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

html[data-metin-ui] .metin-box-name {
  padding: 4px 8px;
  background: #100b07 url("/metin-ui/entry/parameter-name.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-box-values {
  color: var(--metin-text);
  font-size: .8rem;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-box-busy, .metin-box-empty, .metin-box-free, .metin-box-error) {
  margin: 0;
  padding: 7px;
  background: var(--metin-recess);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-box-busy {
  flex-basis: 100%;
}

html[data-metin-ui] .metin-box-error {
  color: var(--color-danger);
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-character-box ._footer_1jcx0_234 button {
    min-height: 44px;
  }
}

/* change_empire.quest uses destination selection and a separate confirmation. */
html[data-metin-ui] .metin-item-dialog.metin-exile-oil {
  width: min(680px, 100%);
}

html[data-metin-ui] .metin-exile-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

html[data-metin-ui] .metin-exile-atlas {
  width: 100%;
  aspect-ratio: 495 / 357;
  background: var(--exile-territory, none) center / contain no-repeat,
    url("/metin-ui/entry/atlas.webp") center / contain no-repeat;
}

html[data-metin-ui] .metin-exile-atlas[data-empire="shinsoo"] {
  --exile-territory: url("/metin-ui/entry/atlas-shinsoo.webp");
}

html[data-metin-ui] .metin-exile-atlas[data-empire="chunjo"] {
  --exile-territory: url("/metin-ui/entry/atlas-chunjo.webp");
}

html[data-metin-ui] .metin-exile-atlas[data-empire="jinno"] {
  --exile-territory: url("/metin-ui/entry/atlas-jinno.webp");
}

html[data-metin-ui] .metin-exile-choices {
  display: grid;
  min-width: 0;
  gap: 7px;
  color: var(--metin-text);
}

html[data-metin-ui] .metin-exile-choices h3 {
  margin: 0;
  padding: 5px 9px;
  color: var(--metin-gold);
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 16px / 0 repeat stretch;
  font: 700 14px / 1.3 var(--metin-heading-font);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-exile-choices h3:focus {
  outline: none;
}

html[data-metin-ui] .metin-exile-choices p {
  margin: 0;
  font: 13px / 1.4 var(--metin-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-exile-origin, .metin-exile-target) {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-inline: 2px;
}

html[data-metin-ui] .metin-exile-origin {
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-exile-choices .metin-exile-target {
  padding: 5px 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board-gold) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-exile-options {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-exile-options li {
  flex: 1 1 98px;
  min-width: 0;
}

html[data-metin-ui] .metin-exile-options button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  min-height: 44px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
  color: var(--metin-text);
  font: 700 13px / 1.3 var(--metin-font);
}

html[data-metin-ui] .metin-exile-options button:is(:hover, :focus-visible):enabled,
html[data-metin-ui] .metin-exile-options button[aria-pressed="true"] {
  border-image-source: var(--metin-board-gold);
  background: var(--metin-board-fill) repeat var(--metin-surface);
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-exile-options button:focus-visible {
  outline: 1px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-exile-choices img {
  flex: none;
  width: 26px;
  height: auto;
}

html[data-metin-ui] .metin-exile-choices .metin-exile-warning {
  padding: 6px 8px;
  border: 1px solid var(--metin-border);
  background: var(--metin-recess);
  color: var(--metin-gold);
}

@media (max-width: 767px) {
  html[data-metin-ui] .metin-item-dialog.metin-exile-oil {
    width: min(390px, 100%);
  }

  html[data-metin-ui] .metin-exile-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
  }

  html[data-metin-ui] .metin-exile-atlas {
    justify-self: center;
    width: min(192px, 90%);
  }
}

/* PickETCDialog uses a Parameter_Slot_02 amount field and the shared middle buttons. */
html[data-metin-ui] .metin-quantity-dialog {
  width: min(384px, 100%);
}

html[data-metin-ui] .metin-quantity-form {
  display: grid;
  gap: 11px;
}

html[data-metin-ui] .metin-quantity-message {
  margin: 0;
  color: var(--metin-text);
  line-height: 1.45;
  text-align: center;
  text-wrap: pretty;
}

html[data-metin-ui] .metin-quantity-field {
  display: grid;
  justify-items: stretch;
  gap: 5px;
  width: min(240px, 100%);
  min-width: 0;
  margin-inline: auto;
}

html[data-metin-ui] .metin-quantity-label {
  color: var(--metin-gold);
  font: 700 13px / 1.3 var(--metin-font);
}

html[data-metin-ui] .metin-quantity-slot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px;
  min-width: 0;
  padding-inline: 3px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/auth/code-field.png") 5 7 fill / 5px 7px / 0 stretch;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-quantity-slot:focus-within {
  outline: 1px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-quantity-dialog .metin-quantity-slot input {
  appearance: textfield;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 4px 5px;
  color: var(--metin-text);
  border: 0;
  border-image: none;
  background: transparent;
  font: 700 15px / 1.25 var(--metin-font);
  font-variant-numeric: tabular-nums;
  box-shadow: none;
  outline: none;
}

html[data-metin-ui] .metin-quantity-slot input::-webkit-inner-spin-button,
html[data-metin-ui] .metin-quantity-slot input::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

html[data-metin-ui] .metin-quantity-max {
  color: var(--metin-gold);
  font: 700 13px / 1.25 var(--metin-font);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

html[data-metin-ui] .metin-quantity-hint {
  margin: 0;
  color: var(--metin-muted);
  font: 12px / 1.35 var(--metin-font);
}

html[data-metin-ui] .metin-market-quantity .metin-quantity-field {
  margin-block-start: 8px;
}

@media (pointer: coarse), (max-width: 599px) {
  html[data-metin-ui] .metin-quantity-dialog .metin-quantity-slot input {
    min-height: 44px;
    font-size: 16px;
  }
}

/* Yang shop QuestionDialog with the native PickETC amount slot. */
html[data-metin-ui] .metin-quantity-dialog.metin-npc-confirm {
  width: min(460px, 100%);
}

html[data-metin-ui] .metin-npc-confirm ._body_1i1a3_1 {
  gap: 10px;
}

html[data-metin-ui] .metin-npc-confirm ._message_1i1a3_7 {
  text-align: center;
  text-wrap: pretty;
}

html[data-metin-ui] .metin-npc-confirm ._qtyBlock_1i1a3_14 {
  align-self: center;
  width: min(100%, 350px);
  gap: 6px;
}

html[data-metin-ui] .metin-npc-confirm ._qtyLabelText_1i1a3_27 {
  color: var(--metin-gold);
  font-weight: 700;
}

html[data-metin-ui] .metin-npc-quantity-description {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

html[data-metin-ui] .metin-npc-confirm ._stepper_1i1a3_39 {
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  gap: 5px;
}

html[data-metin-ui] .metin-npc-confirm :is(._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109) {
  --npc-shop-key: url("/metin-ui/economy/middle-normal.png");
  min-height: 34px;
  padding: 3px 6px;
  border: 1px solid transparent;
  border-image: var(--npc-shop-key) 5 11 fill / 5px 10px / 0 stretch;
  background: transparent;
  color: var(--metin-text);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-npc-confirm ._stepBtn_1i1a3_46 {
  font-size: 20px;
}

html[data-metin-ui] .metin-npc-confirm :is(._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109):is(:hover, :focus-visible):enabled {
  --npc-shop-key: url("/metin-ui/economy/middle-hover.png");
  background: transparent;
}

html[data-metin-ui] .metin-npc-confirm :is(._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109):is(:active, [aria-pressed="true"]):enabled {
  --npc-shop-key: url("/metin-ui/economy/middle-pressed.png");
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-npc-confirm :is(._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109, ._pack_1i1a3_139):focus-visible {
  outline: 1px solid var(--metin-highlight);
  outline-offset: 1px;
}

html[data-metin-ui] .metin-npc-confirm ._qtyQuick_1i1a3_103 {
  grid-template-columns: repeat(auto-fit, minmax(44px, 1fr));
  gap: 5px;
}

html[data-metin-ui] .metin-npc-confirm ._pack_1i1a3_139 {
  min-height: 44px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-npc-confirm ._pack_1i1a3_139:is(:hover, :focus-visible, [aria-checked="true"]) {
  border-image-source: var(--metin-board-gold);
}

html[data-metin-ui] .metin-npc-confirm .metin-npc-confirm-total {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 17px / 0 repeat stretch;
  font: 700 14px / 1.3 var(--metin-font);
  letter-spacing: normal;
  text-align: center;
}

html[data-metin-ui] .metin-npc-confirm-total img {
  flex: none;
  object-fit: contain;
}

html[data-metin-ui] .metin-npc-confirm ._actions_1i1a3_197 {
  justify-content: center;
  gap: 7px;
}

html[data-metin-ui] .metin-npc-confirm ._actions_1i1a3_197 > button {
  max-width: 156px;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-npc-confirm ._qtyQuick_1i1a3_103 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-metin-ui] .metin-npc-confirm :is(._stepBtn_1i1a3_46, ._quickBtn_1i1a3_109) {
    min-height: 44px;
  }
}

/* IntroSelect InputDialogWithDescription and QuestionDialog use recessed name fields. */
html[data-metin-ui] .metin-character-identity {
  width: min(100%, 32rem);
  min-width: 0;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
}

html[data-metin-ui] .metin-forced-rename-backdrop {
  padding: 10px;
  background: #0a0807d9;
}

html[data-metin-ui] .metin-forced-rename {
  max-height: calc(100dvh - 20px);
  padding: 7px;
  overflow-y: auto;
}

html[data-metin-ui] .metin-forced-rename .metin-identity-title {
  display: grid;
  place-items: center;
  min-height: 36px;
  padding: 4px 9px;
  text-align: center;
}

html[data-metin-ui] .metin-forced-rename .metin-identity-title h2 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 15px / 1.3 var(--metin-heading-font);
  letter-spacing: normal;
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-character-identity .metin-identity-form {
  display: grid;
  gap: 8px;
  min-width: 0;
  text-align: center;
}

html[data-metin-ui] .metin-forced-rename .metin-identity-form {
  padding: 10px 8px 5px;
}

html[data-metin-ui] .metin-character-identity .metin-identity-form p {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-character-identity ._currentName_2exm6_41 strong {
  display: inline-block;
  padding: 1px 6px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 4 fill / 4px / 0 stretch;
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-character-identity .metin-identity-field {
  display: grid;
  justify-items: center;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 7px;
  background: #100c09ab;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 7px / 0 repeat;
}

html[data-metin-ui] .metin-character-identity .metin-identity-field input,
html[data-metin-ui] .metin-character-delete ._field_fldva_16 {
  width: min(100%, 242px);
  min-height: 32px;
  padding: 4px 7px;
  background: #090705;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
  color: var(--metin-text);
  font: 700 14px / 1.3 var(--metin-font);
  text-align: center;
}

html[data-metin-ui] .metin-character-identity .metin-identity-field input:focus-visible,
html[data-metin-ui] .metin-character-delete ._field_fldva_16:focus-within {
  outline: 1px solid var(--metin-gold);
  outline-offset: 2px;
}

html[data-metin-ui] .metin-character-identity .metin-identity-error {
  padding: 5px 7px;
  color: #f6c6b3;
  background: #361914c9;
  border: 1px solid #855348;
}

html[data-metin-ui] .metin-character-identity :is(.metin-identity-actions, ._footer_1jcx0_234) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

html[data-metin-ui] .metin-character-identity :is(.metin-identity-actions, ._footer_1jcx0_234) button {
  --metin-identity-button: url("/metin-ui/economy/middle-normal.png");
  min-height: 31px;
  padding: 4px 9px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-identity-button) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  font: 700 12px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] .metin-character-identity :is(.metin-identity-actions, ._footer_1jcx0_234) button:is(:hover, :focus-visible):enabled {
  --metin-identity-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-character-identity :is(.metin-identity-actions, ._footer_1jcx0_234) button:active:enabled {
  --metin-identity-button: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-character-delete ._body_obk2u_1 {
  display: grid;
  gap: 8px;
}

html[data-metin-ui] .metin-character-delete ._warning_obk2u_7 {
  margin: 0;
  font-weight: 700;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-character-delete .metin-identity-consequences {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 7px 8px 7px 24px;
  background: #251410ad;
  border: 1px solid #6c4538;
}

html[data-metin-ui] .metin-character-delete ._consequence_obk2u_13 {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-character-delete ._root_fldva_1 {
  align-items: center;
  text-align: center;
}

html[data-metin-ui] .metin-character-delete ._input_fldva_57 {
  text-align: center;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-character-identity :is(
    .metin-identity-field input, ._field_fldva_16, .metin-identity-actions button, ._footer_1jcx0_234 button
  ) {
    min-height: 44px;
  }
}

/* InventoryWindow slots paired with the native GameOptionDialog buttons. */
html[data-metin-ui] .metin-loot-window {
  width: min(100%, 1040px);
  min-width: 0;
  margin-inline: auto;
  padding: 10px;
  gap: 8px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-loot-title {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 4px 8px;
  text-align: center;
}

html[data-metin-ui] .metin-loot-title h1 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 16px / 1.2 var(--metin-heading-font);
}

html[data-metin-ui] .metin-loot-window ._lead_14ldx_30 {
  margin: 0 3px;
  font-size: 13px;
}

html[data-metin-ui] .metin-loot-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
}

html[data-metin-ui] :is(.metin-loot-controls, .metin-loot-results) {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 7px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-loot-filters {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  min-width: 0;
}

html[data-metin-ui] .metin-loot-controls ._filterBlock_14ldx_60 {
  gap: 3px;
}

html[data-metin-ui] .metin-loot-controls ._filterLabel_14ldx_67 {
  color: var(--metin-gold);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}

html[data-metin-ui] .metin-loot-controls :is(._kindFilterRow_14ldx_75, ._statusFilterRow_14ldx_76) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  min-height: 0;
  gap: 3px;
}

html[data-metin-ui] .metin-loot-window :is(._kindFilterRow_14ldx_75, ._statusFilterRow_14ldx_76) ._filterChip_14ldx_85,
html[data-metin-ui] .metin-loot-window .metin-loot-bulk button {
  --metin-loot-button: url("/metin-ui/economy/middle-normal.png");
  min-width: 0;
  min-height: 34px;
  height: auto;
  padding: 3px 4px;
  border: 1px solid transparent;
  border-image: var(--metin-loot-button) 5 8 fill / 5px 8px / 0 stretch;
  background: transparent;
  box-shadow: none;
  color: var(--metin-text);
  font: 700 12px / 1.15 Tahoma, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-loot-window :is(._kindFilterRow_14ldx_75, ._statusFilterRow_14ldx_76) ._filterChip_14ldx_85:is(:hover, :focus-visible),
html[data-metin-ui] .metin-loot-window .metin-loot-bulk button:is(:hover, :focus-visible):enabled {
  --metin-loot-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-loot-window :is(._kindFilterRow_14ldx_75, ._statusFilterRow_14ldx_76) ._filterChip_14ldx_85:is([aria-pressed="true"], :active),
html[data-metin-ui] .metin-loot-window .metin-loot-bulk button:active:enabled {
  --metin-loot-button: url("/metin-ui/economy/middle-pressed.png");
  color: var(--metin-gold);
}

html[data-metin-ui] .metin-loot-window .metin-loot-bulk {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  gap: 4px;
  padding-top: 6px;
  border-top: 1px solid #5c4831;
}

html[data-metin-ui] .metin-loot-window .metin-loot-bulk button:disabled {
  opacity: .55;
}

html[data-metin-ui] .metin-loot-results-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 4px 8px;
  min-height: 29px;
  padding: 4px 7px;
  border: 1px solid #5d4833;
  background: #34271b url("/metin-ui/horizontalbar.png") center / 130px 100% repeat-x;
}

html[data-metin-ui] .metin-loot-results-head p {
  color: var(--metin-text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-loot-results-head .metin-loot-count {
  color: var(--metin-gold);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-loot-list {
  overflow: auto;
  border: 1px solid #4d3d29;
  background: #140f0b;
  scrollbar-color: #79624a #21180f;
}

html[data-metin-ui] .metin-loot-list > li + li {
  border-top: 1px solid #4d3d29;
}

html[data-metin-ui] .metin-loot-list > li:nth-child(even) {
  background: #33261b88;
}

html[data-metin-ui] .metin-loot-list ._dropRow_14ldx_142 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(72px, auto);
  gap: 5px;
  min-height: 45px;
  padding: 4px 5px;
  border: 1px solid transparent;
  border-image: none;
  box-shadow: none;
}

html[data-metin-ui] .metin-loot-list ._dropRow_14ldx_142:is(:hover, :focus-visible) {
  border-color: #9d7847;
  background: #4c372784;
}

html[data-metin-ui] .metin-loot-list ._dropRowSkipped_14ldx_172 {
  opacity: 1;
  background: #0d0a077a;
}

html[data-metin-ui] .metin-loot-list ._dropMain_14ldx_181 {
  gap: 6px;
}

html[data-metin-ui] .metin-loot-slot {
  display: grid;
  flex: none;
  place-items: center;
  width: 33px;
  height: 33px;
  padding: 2px;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-loot-slot ._itemIcon_14ldx_189 {
  width: 28px;
  height: 28px;
}

html[data-metin-ui] .metin-loot-list ._itemName_14ldx_200 {
  color: var(--metin-gold);
  font-size: 13px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-loot-list ._dropRowSkipped_14ldx_172 ._itemName_14ldx_200 {
  color: var(--metin-muted);
}

html[data-metin-ui] .metin-loot-list ._status_14ldx_76 {
  min-width: 0;
  padding: 4px 5px;
  border: 1px solid transparent;
  border-image: url("/metin-ui/economy/middle-normal.png") 5 8 fill / 5px 8px / 0 stretch;
  background: transparent;
  color: var(--metin-gold);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: none;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-loot-list ._dropRowSkipped_14ldx_172 ._status_14ldx_76 {
  border-image-source: url("/metin-ui/economy/middle-pressed.png");
  color: #e2b496;
}

@media (min-width: 800px) {
  html[data-metin-ui] .metin-loot-layout {
    grid-template-columns: minmax(220px, 29%) minmax(0, 1fr);
  }

  html[data-metin-ui] .metin-loot-list {
    max-height: min(62dvh, 700px);
  }
}

@media (max-width: 600px) {
  html[data-metin-ui] .metin-loot-window {
    padding: 6px;
  }

  html[data-metin-ui] .metin-loot-window :is(._kindFilterRow_14ldx_75, ._statusFilterRow_14ldx_76) ._filterChip_14ldx_85,
  html[data-metin-ui] .metin-loot-window .metin-loot-bulk button {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-loot-results-head {
    justify-content: flex-start;
  }
}

/* MT2009 TipBoard in uitip.py, chat tones from colorInfo.py, and PopupDialog's board. */
html[data-metin-ui] .metin-feedback-queue {
  left: max(8px, var(--safe-left, 0px));
  right: max(8px, var(--safe-right, 0px));
  display: grid;
  justify-items: center;
  gap: 0;
}

html[data-metin-ui] .metin-feedback-queue > .metin-feedback-channel {
  width: min(100%, 400px);
  pointer-events: none;
}

html[data-metin-ui] .metin-feedback-queue [data-metin-feedback] {
  --metin-feedback-text: #ffe6ba;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  width: 100%;
  min-width: 0;
  max-width: none;
  min-height: 32px;
  gap: 3px;
  padding: 1px 4px 1px 10px;
  border: 0;
  border-bottom: 1px solid #8b7049;
  border-radius: 0;
  background: #000c;
  box-shadow: 0 3px 9px #0008;
  pointer-events: auto;
}

html[data-metin-ui] .metin-feedback-queue [data-metin-feedback="success"] {
  --metin-feedback-text: #a7ffd4;
}

html[data-metin-ui] .metin-feedback-queue [data-metin-feedback="warning"] {
  --metin-feedback-text: #ffd59a;
}

html[data-metin-ui] .metin-feedback-queue [data-metin-feedback="error"] {
  --metin-feedback-text: #ffc8c8;
}

html[data-metin-ui] .metin-feedback-queue ._message_yhy71_43 {
  min-width: 0;
  margin: 0;
  padding: 5px 0;
  color: var(--metin-feedback-text);
  font: 400 .8125rem / 1.35 var(--metin-font);
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-feedback-queue ._closeButton_yhy71_66 {
  width: 30px;
  height: 30px;
}

html[data-metin-ui] .metin-feedback-queue ._closeButton_yhy71_66:focus-visible,
html[data-metin-ui] .metin-feedback-error button:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -2px;
}

html[data-metin-ui] .metin-feedback-error {
  min-width: 0;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid transparent;
  border-image: var(--metin-window) 32 / 12px / 0 repeat;
  border-radius: 0;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-feedback-error > p {
  margin: 0;
  color: #ffc8c8;
  font: 400 .875rem / 1.45 var(--metin-font);
  overflow-wrap: anywhere;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-feedback-error > footer button {
  min-width: min(100%, 110px);
  min-height: 36px;
  padding: 5px 11px;
  border: 1px solid transparent;
  border-image: var(--metin-shop-middle) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  background: #332719;
  box-shadow: none;
  color: var(--metin-gold);
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-feedback-error > footer button:hover {
  border-image-source: var(--metin-shop-middle-hover);
}

html[data-metin-ui] .metin-feedback-error > footer button:active {
  border-image-source: var(--metin-shop-middle-pressed);
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-feedback-queue [data-metin-feedback] {
    grid-template-columns: minmax(0, 1fr) 44px;
  }

  html[data-metin-ui] .metin-feedback-queue ._closeButton_yhy71_66 {
    width: 44px;
    height: 44px;
  }

  html[data-metin-ui] .metin-feedback-error > footer button {
    min-height: 44px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-metin-ui] .metin-feedback-queue [data-metin-feedback] {
    animation: none;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] :is(.metin-feedback-queue [data-metin-feedback], .metin-feedback-error) {
    border: 1px solid CanvasText;
  }
}


/* PasswordDialog and ChangePasswordDialog use the native code slot and middle buttons. */
html[data-metin-ui] .metin-auth-challenge {
  width: min(100%, 404px);
  min-width: 0;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-auth-challenge ._header_1jcx0_148 {
  min-height: 36px;
  padding-inline: 34px;
  text-align: center;
}

html[data-metin-ui] .metin-auth-challenge ._title_1jcx0_165 {
  flex: 1 1 auto;
  font-size: 14px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auth-challenge ._body_1jcx0_222 {
  padding: 12px 15px 15px;
}

html[data-metin-ui] .metin-auth-challenge-form {
  display: grid;
  justify-items: center;
  gap: 9px;
  min-width: 0;
  text-align: center;
}

html[data-metin-ui] .metin-auth-challenge-form > p {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auth-mailbox-link {
  color: var(--metin-gold);
  text-decoration: underline;
  overflow-wrap: anywhere;
}

html[data-metin-ui] :is(.metin-auth-challenge-form, .metin-auth-security-form) input[autocomplete="one-time-code"] {
  min-height: 30px;
  padding-inline: 6px;
  background: #080605;
  border: 1px solid transparent;
  border-image: url("/metin-ui/auth/code-field.png") 4 fill / 4px / 0 stretch;
  color: var(--metin-text);
  font: 700 15px / 1.25 var(--metin-font);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.2em;
  text-align: center;
}

html[data-metin-ui] :is(.metin-auth-challenge-form, .metin-auth-security-form) ._field_fldva_16:has(input[autocomplete="one-time-code"]) {
  width: min(100%, 116px);
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-auth-challenge-form ._field_fldva_16:has(input[autocomplete="one-time-code"]) {
  margin-inline: auto;
}

html[data-metin-ui] .metin-auth-challenge-form ._root_fldva_1 {
  justify-items: center;
  max-width: 100%;
}

html[data-metin-ui] :is(.metin-auth-challenge-form, .metin-auth-security-form) input[autocomplete="one-time-code"]:focus-visible {
  outline: 1px solid var(--metin-gold);
  outline-offset: 2px;
}

html[data-metin-ui] .metin-auth-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  min-width: 0;
}

html[data-metin-ui] :is(.metin-auth-actions, .metin-auth-sessions) button {
  --metin-security-button: url("/metin-ui/economy/middle-normal.png");
  min-height: 30px;
  padding: 4px 9px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-security-button) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  font: 700 12px / 1.25 var(--metin-font);
  white-space: normal;
}

html[data-metin-ui] :is(.metin-auth-actions, .metin-auth-sessions) button:is(:hover, :focus-visible):enabled {
  --metin-security-button: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] :is(.metin-auth-actions, .metin-auth-sessions) button:active:enabled {
  --metin-security-button: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-auth-security-card {
  min-width: 0;
}

html[data-metin-ui] .metin-auth-security,
html[data-metin-ui] .metin-auth-security-form,
html[data-metin-ui] .metin-auth-enrollment {
  display: grid;
  gap: 8px;
  min-width: 0;
}

html[data-metin-ui] .metin-auth-enrollment {
  padding: 8px;
  background: #0d0a08a9;
  border: 1px solid #594633;
}

html[data-metin-ui] .metin-auth-enrollment :is(p, a) {
  margin: 0;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auth-enrollment a {
  color: var(--metin-gold);
  text-decoration: underline;
}

html[data-metin-ui] .metin-auth-subheading {
  margin: 0;
  padding: 3px 7px;
  background: #231a13;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  color: var(--metin-gold);
  font: 700 13px / 1.3 var(--metin-heading-font);
  text-align: center;
}

html[data-metin-ui] .metin-auth-feedback {
  margin: 0;
  padding: 6px 8px;
  color: var(--metin-text);
  background: #162415;
  border: 1px solid #4c693a;
}

html[data-metin-ui] .metin-auth-feedback[role="alert"] {
  background: #2b1511;
  border-color: #805049;
}

html[data-metin-ui] .metin-auth-sessions ul {
  display: grid;
  gap: 5px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-auth-sessions li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
  padding: 6px;
  background: #0e0b08b5;
  border: 1px solid #594633;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auth-sessions li strong {
  color: #c2d49d;
  font-size: 11px;
}

html[data-metin-ui] .metin-auth-setup {
  width: min(100%, 420px);
  gap: 8px;
  margin-inline: auto;
  padding: 7px;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
}

html[data-metin-ui] ._panel_2kd2g_95:has(.metin-auth-setup) {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

html[data-metin-ui] ._panelBody_2kd2g_101:has(.metin-auth-setup) {
  padding: 0;
}

html[data-metin-ui] .metin-auth-setup h1 {
  margin: 0;
  padding: 5px 8px;
  background: transparent;
  border: 0;
  font: 700 15px / 1.3 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-auth-setup .metin-auth-security-card > ._paddingLg_11w98_135 {
  padding: 9px;
}

html[data-metin-ui] .metin-auth-setup-back {
  display: grid;
  place-items: center;
  align-self: center;
  min-height: 30px;
  padding: 3px 10px;
  text-align: center;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] :is(.metin-auth-actions, .metin-auth-sessions) button,
  html[data-metin-ui] :is(.metin-auth-challenge-form, .metin-auth-security-form) input[autocomplete="one-time-code"],
  html[data-metin-ui] .metin-auth-setup-back,
  html[data-metin-ui] .metin-auth-challenge ._header_1jcx0_148 {
    min-height: 44px;
  }
}

/* TaskBar.SkillButton uses slot_base and places the skill count in the corner. */
html[data-metin-ui] .metin-skill-rotation {
  min-width: 0;
  gap: 5px;
}

html[data-metin-ui] .metin-skill-rotation ._hint_1jkb0_7 {
  font-size: 12px;
}

html[data-metin-ui] .metin-rotation-slots {
  --metin-rotation-slot-size: 42px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  gap: 4px;
  padding: 5px;
  border: 1px solid #665039;
  background: url("/metin-ui/taskbar.png") repeat #241910;
}

html[data-metin-ui] .metin-rotation-slots ._cell_1jkb0_34 {
  flex: 0 0 var(--metin-rotation-slot-size);
  width: var(--metin-rotation-slot-size);
  max-width: 100%;
}

html[data-metin-ui] :is(.metin-rotation-slots ._tile_1jkb0_40, .metin-rotation-ghost) {
  gap: 0;
  padding: 4px;
  border: 0;
  border-image: none;
  border-radius: 0;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-rotation-slots ._tile_1jkb0_40[aria-pressed="true"],
html[data-metin-ui] .metin-rotation-ghost {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] .metin-rotation-slots ._tile_1jkb0_40:is(:hover, :focus-visible):enabled {
  outline: 1px solid #b18a52;
  outline-offset: -1px;
}

html[data-metin-ui] .metin-rotation-slots ._tileOff_1jkb0_72 {
  opacity: 1;
}

html[data-metin-ui] .metin-rotation-slots ._tilePlaceholder_1jkb0_76 {
  opacity: .45;
}

html[data-metin-ui] :is(.metin-rotation-slots, .metin-rotation-ghost) :is(._icon_1jkb0_83, ._iconFallback_1jkb0_84) {
  width: 100%;
  max-width: 40px;
}

html[data-metin-ui] :is(.metin-rotation-slots, .metin-rotation-ghost) ._index_1jkb0_85 {
  inset: auto 3px 3px auto;
  min-width: 12px;
  height: 13px;
  padding: 0 2px;
  border-radius: 0;
  background: #100d0bd9;
  box-shadow: none;
  color: #f4ddb1;
  font: 700 10px / 1 Tahoma, sans-serif;
  text-shadow: 1px 1px #000;
}

html[data-metin-ui] .metin-rotation-ghost {
  box-shadow: 0 7px 15px #0008;
}

html[data-metin-ui] .metin-rotation-tooltip {
  overflow: auto;
  overscroll-behavior: contain;
  padding: 9px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  border-radius: 0;
  background: #100e0cee;
  box-shadow: 0 4px 10px #0009;
}

html[data-metin-ui] .metin-rotation-tooltip ._tipHeader_1jkb0_211 {
  gap: 6px;
  min-height: 32px;
  margin-bottom: 5px;
}

html[data-metin-ui] .metin-rotation-tooltip ._tipName_1jkb0_224 {
  color: #f2e7c1;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-rotation-tooltip ._tipMeta_1jkb0_229 {
  color: #bcb08e;
}

html[data-metin-ui] .metin-rotation-tooltip ._tipBody_1jkb0_235 {
  color: #c2c2c2;
}

html[data-metin-ui] .metin-rotation-sheet {
  max-height: calc(100dvh - 32px);
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-rotation-sheet .metin-rotation-titlebar {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  min-height: 44px;
  margin-bottom: 8px;
  text-align: center;
}

html[data-metin-ui] .metin-rotation-titlebar h2 {
  margin: 0;
  font: 700 0.875rem / 1.25 var(--metin-font);
}

html[data-metin-ui] .metin-rotation-title-icon {
  position: absolute;
  display: grid;
  place-items: center;
  inset-inline-start: 12px;
  width: 28px;
  height: 28px;
  background: var(--metin-slot) center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-rotation-title-icon :is(img, ._iconFallback_1jkb0_84) {
  width: 24px;
  height: 24px;
  margin: 0;
}

@media (max-width: 720px), (pointer: coarse) {
  html[data-metin-ui] .metin-rotation-slots {
    --metin-rotation-slot-size: 48px;
  }
}

/* PopupDialog board and LoginBoard parameter fields for entry recovery. */
html[data-metin-ui] .metin-entry-not-found {
  display: grid;
  place-items: center;
  min-height: var(--app-height, 100dvh);
  padding: 12px;
  background: linear-gradient(#090d1590, #090d15cf),
    #0b1018 url("/metin-ui/entry/login.jpg") center / cover no-repeat;
  border: 0;
}

html[data-metin-ui] .metin-entry-not-found .metin-entry-popup {
  display: grid;
  justify-items: center;
  gap: 7px;
  width: min(100%, 354px);
  min-width: 0;
  padding: 16px;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
  text-align: center;
}

html[data-metin-ui] .metin-entry-not-found .metin-entry-popup h1 {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  color: var(--metin-gold);
  font: 700 16px / 1.3 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-status-code {
  color: var(--metin-muted);
  font: 700 12px / 1.2 var(--metin-font);
  font-variant-numeric: tabular-nums;
}

html[data-metin-ui] .metin-entry-popup p {
  margin: 0 0 3px;
  color: var(--metin-text);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

html[data-metin-ui] .metin-entry-actions :is(button, [data-metin-entry-button]) {
  --metin-entry-action: url("/metin-ui/economy/middle-normal.png");
  display: inline-grid;
  place-items: center;
  min-width: 68px;
  min-height: 30px;
  padding: 4px 10px;
  background: transparent;
  border: 1px solid transparent;
  border-image: var(--metin-entry-action) 5 11 fill / 5px 11px / 0 stretch;
  border-radius: 0;
  color: var(--metin-gold);
  font: 700 12px / 1.25 var(--metin-font);
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

html[data-metin-ui] .metin-entry-actions :is(button, [data-metin-entry-button]):is(:hover, :focus-visible):not(:disabled) {
  --metin-entry-action: url("/metin-ui/economy/middle-hover.png");
}

html[data-metin-ui] .metin-entry-actions :is(button, [data-metin-entry-button]):active:not(:disabled) {
  --metin-entry-action: url("/metin-ui/economy/middle-pressed.png");
}

html[data-metin-ui] .metin-entry-connect {
  width: min(100%, 354px);
  min-width: 0;
  border-image: var(--metin-window) 32 / 13px / 0 repeat;
}

html[data-metin-ui] .metin-entry-connect ._header_1jcx0_148[data-metin-titlebar]:has(> [data-metin-close]) {
  position: absolute;
  inset: 5px 5px auto;
  display: flex;
  justify-content: end;
  width: auto;
  min-block-size: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  pointer-events: none;
}

html[data-metin-ui] .metin-entry-connect ._header_1jcx0_148[data-metin-titlebar]::before {
  content: none;
}

html[data-metin-ui] .metin-entry-connect ._title_1jcx0_165 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

html[data-metin-ui] .metin-entry-connect ._closeButton_1jcx0_174[data-metin-close] {
  inset-block: 0 auto;
  transform: none;
  background: url("/metin-ui/close-normal.png") center / 16px 16px no-repeat;
  pointer-events: auto;
}

html[data-metin-ui] .metin-entry-connect ._closeButton_1jcx0_174[data-metin-close]:hover {
  background-image: url("/metin-ui/close-hover.png");
}

html[data-metin-ui] .metin-entry-connect ._closeButton_1jcx0_174[data-metin-close]:active {
  background-image: url("/metin-ui/close-pressed.png");
}

html[data-metin-ui] .metin-entry-connect ._body_1jcx0_222 {
  padding: 27px 31px 6px;
}

html[data-metin-ui] .metin-entry-connect-message {
  margin: 0;
  color: var(--metin-text);
  line-height: 1.45;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-connect ._footer_1jcx0_234 {
  justify-content: center;
  padding: 4px 12px 11px;
  box-shadow: none;
}

html[data-metin-ui] .metin-entry-oauth-profile {
  width: min(100%, 488px);
  min-width: 0;
  border-image: var(--metin-window) 32 / 14px / 0 repeat;
}

html[data-metin-ui] .metin-entry-oauth-profile ._header_1jcx0_148 {
  min-height: 36px;
  text-align: center;
}

html[data-metin-ui] .metin-entry-oauth-profile ._title_1jcx0_165 {
  flex: 1 1 auto;
  font: 700 15px / 1.3 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-oauth-profile ._body_1jcx0_222 {
  padding: 12px;
}

html[data-metin-ui] .metin-entry-oauth-profile ._form_uklfh_36 {
  gap: 9px;
  min-width: 0;
}

html[data-metin-ui] .metin-entry-oauth-profile ._intro_uklfh_30 {
  margin: 0;
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-oauth-profile ._root_sf47x_1 {
  min-width: 0;
}

html[data-metin-ui] .metin-entry-oauth-profile ._legend_sf47x_11 {
  width: 100%;
  padding: 3px 7px;
  background: #231a13;
  border: 1px solid transparent;
  border-image: url("/metin-ui/horizontalbar.png") 0 32 fill / 0 18px / 0 repeat stretch;
  color: var(--metin-gold);
  text-align: center;
}

html[data-metin-ui] .metin-entry-oauth-profile ._row_sf47x_20 ._label_nq3d8_9 {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

html[data-metin-ui] .metin-entry-oauth-profile ._row_sf47x_20 ._field_nq3d8_16 {
  min-width: 0;
  border: 1px solid transparent;
  border-image: url("/metin-ui/entry/parameter-wide.png") 4 fill / 4px / 0 stretch;
}

html[data-metin-ui] .metin-entry-oauth-profile ._consentGroup_uklfh_42 {
  padding: 5px 8px;
  background: #0e0b08a9;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 7px / 0 repeat;
  border-radius: 0;
}

html[data-metin-ui] .metin-entry-oauth-profile ._checkboxLabel_uklfh_52 {
  gap: 7px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-entry-oauth-profile ._checkboxLabel_uklfh_52 input {
  background: #120e0a url("/metin-ui/check-box.png") center / 100% 100% no-repeat;
  border-color: #795b3c;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] .metin-entry-oauth-profile ._checkboxLabel_uklfh_52 input:checked {
  background-image: url("/metin-ui/check-mark.png"), url("/metin-ui/check-box.png");
  background-size: contain, 100% 100%;
}

html[data-metin-ui] .metin-entry-oauth-profile ._checkboxLabel_uklfh_52 input:checked::after {
  content: none;
}

html[data-metin-ui] .metin-entry-oauth-profile ._checkboxLabel_uklfh_52 a {
  color: var(--metin-gold);
  text-decoration: underline;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-entry-actions :is(button, [data-metin-entry-button]),
  html[data-metin-ui] .metin-entry-oauth-profile :is(._checkboxLabel_uklfh_52, ._row_sf47x_20 [role="combobox"]) {
    min-height: 44px;
  }

  html[data-metin-ui] .metin-entry-oauth-profile ._row_sf47x_20 [role="combobox"] {
    padding-inline-end: 15px;
    font-size: 13px;
  }

  html[data-metin-ui] .metin-entry-oauth-profile ._row_sf47x_20 ._chevron_nq3d8_95 {
    inset-inline-end: 6px;
  }
}

/* loadingwindow.py places the moving crest beside the original IntroLoading gauge. */
html[data-metin-ui]:has(#root > .metin-loading, .metin-loading-shell) {
  scrollbar-gutter: auto;
}

html[data-metin-ui] .metin-loading {
  display: grid;
  align-content: center;
  justify-items: center;
  width: 100%;
  min-width: 0;
  min-height: 112px;
  padding: 10px;
}

html[data-metin-ui] .metin-loading-board {
  width: min(100%, 450px);
  min-width: 0;
  padding: 8px clamp(8px, 2.3vw, 18px);
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 9px / 0 repeat;
  background: var(--metin-board-fill) repeat #130e0be8;
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-loading-label {
  margin: 0;
  color: var(--metin-gold);
  font: 700 .875rem / 1.35 var(--metin-font);
  overflow-wrap: anywhere;
  text-align: center;
  text-shadow: var(--metin-text-shadow);
}

html[data-metin-ui] .metin-loading-mechanism {
  display: grid;
  grid-template-columns: 17.24% minmax(0, 1fr);
  align-items: center;
  width: min(100%, 406px);
  margin: 2px auto 0;
}

html[data-metin-ui] .metin-loading-crest {
  display: block;
  width: 100%;
  aspect-ratio: 70 / 74;
  background: url('/metin-ui/loading/crest.png') 0% center / 2400% 100% no-repeat;
  animation: metin-loading-crest 1.45s steps(24, jump-none) infinite;
}

html[data-metin-ui] .metin-loading-gauge {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 336 / 30;
  background: url('/metin-ui/loading/gauge-empty.png') center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-loading-fill {
  position: absolute;
  inset: 0;
  background: url('/metin-ui/loading/gauge-full.png') center / 100% 100% no-repeat;
  mask: linear-gradient(90deg, transparent, #000 40% 60%, transparent) 50% 50% / 45% 100% no-repeat;
  animation: metin-loading-gauge 1.6s ease-in-out infinite alternate;
}

html[data-metin-ui] :is([data-metin-loading="document"], [data-metin-loading="session"], [data-metin-loading="account"]) {
  min-height: 100dvh;
  padding: max(12px, var(--shell-safe-top, 0px)) max(10px, var(--shell-safe-right, 0px))
    max(12px, var(--shell-safe-bottom, 0px)) max(10px, var(--shell-safe-left, 0px));
  background: var(--metin-board-fill) repeat var(--metin-surface);
}

html[data-metin-ui] .metin-loading-shell {
  min-height: 100dvh;
  padding-bottom: 0;
}

html[data-metin-ui] .metin-loading-shell ._contentColumn_1dbmx_54 {
  margin-inline: 0;
}

html[data-metin-ui] .metin-loading-shell ._main_1dbmx_63 {
  padding: 0;
}

html[data-metin-ui] [data-metin-loading="bootstrap"] {
  flex: 1 0 auto;
  align-content: end;
  min-height: 100dvh;
  padding: max(12px, var(--shell-safe-top, 0px)) max(10px, var(--shell-safe-right, 0px))
    max(9dvh, 44px, var(--shell-safe-bottom, 0px)) max(10px, var(--shell-safe-left, 0px));
  background: linear-gradient(0deg, #070605ac, transparent 42%),
    #170f0b url('/metin-ui/loading/warrior.webp') center / 100% 100% no-repeat;
}

html[data-metin-ui] [data-metin-loading="route"] {
  flex: 1 0 auto;
  min-height: 160px;
}

html[data-metin-ui] [data-metin-loading="auth-page"] {
  padding: 0;
}

@keyframes metin-loading-crest {
  to { background-position-x: 100%; }
}

@keyframes metin-loading-gauge {
  from { mask-position: -15% 50%; }
  to { mask-position: 115% 50%; }
}

@media (max-width: 767px) {
  html[data-metin-ui] [data-metin-loading="bootstrap"] {
    background-size: auto, cover;
    background-position: center, 71% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-metin-ui] :is(.metin-loading-fill, .metin-loading-crest) {
    animation: none;
  }
}


/* The native SelectItemWindow uses a framed grid of five Slot_Base cells. */
html[data-metin-ui] .metin-inventory-picker {
  width: min(100%, 70rem);
}

html[data-metin-ui] .metin-inventory-picker ._body_1jcx0_222 {
  container: inventory-picker / inline-size;
}

html[data-metin-ui] .metin-inventory-picker .metin-picker-slots {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
  gap: 4px;
  min-width: 0;
  max-height: min(56dvh, 520px);
  padding: 5px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 10px / 0 repeat;
  background: #140f0b;
  scrollbar-color: #79624a #21180f;
}

html[data-metin-ui] .metin-inventory-picker ._row_9m9l9_12 {
  display: grid;
  min-width: 0;
  padding: 0;
  border: 1px solid #54412e;
  border-radius: 0;
  background: #221912;
  box-shadow: none;
}

html[data-metin-ui] .metin-inventory-picker ._row_9m9l9_12:is(:hover, :focus-within) {
  border-color: #947247;
  background: #322418;
  box-shadow: none;
}

html[data-metin-ui] .metin-picker-entry {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  min-width: 0;
  min-height: 54px;
  padding: 4px;
  cursor: pointer;
}

html[data-metin-ui] .metin-inventory-picker ._slot_9m9l9_33 {
  width: 44px;
  height: 44px;
  min-height: 44px;
  margin-inline: auto;
  padding: 3px;
  border: 0;
  border-image: none;
  background: url("/metin-ui/slot.png") center / 100% 100% no-repeat #110d08;
  box-shadow: none;
}

html[data-metin-ui] .metin-inventory-picker ._slot_9m9l9_33._sizeY2_xb5gk_43 {
  height: 88px;
}

html[data-metin-ui] .metin-inventory-picker ._slot_9m9l9_33._sizeY3_xb5gk_47 {
  height: 132px;
}

html[data-metin-ui] .metin-inventory-picker ._row_9m9l9_12:is(:hover, :focus-within) ._slot_9m9l9_33 {
  background-image: url("/metin-ui/slot-selected.png");
}

html[data-metin-ui] .metin-inventory-picker ._slot_9m9l9_33:focus-visible {
  outline: 2px solid #c59a5c;
  outline-offset: 1px;
}

html[data-metin-ui] .metin-inventory-picker ._meta_9m9l9_37 {
  align-items: start;
  gap: 2px;
  width: 100%;
  cursor: inherit;
}

html[data-metin-ui] .metin-inventory-picker ._name_9m9l9_57 {
  color: var(--metin-gold);
  font: 700 13px / 1.2 Tahoma, sans-serif;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-inventory-picker :is(._detail_9m9l9_68, ._stones_9m9l9_69, ._qty_9m9l9_84) {
  color: var(--metin-muted);
  font-size: 11px;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-inventory-picker ._stones_9m9l9_69 {
  color: #d7be88;
}

@container inventory-picker (width >= 540px) {
  html[data-metin-ui] .metin-inventory-picker .metin-picker-slots {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@container inventory-picker (width >= 820px) {
  html[data-metin-ui] .metin-inventory-picker .metin-picker-slots {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  html[data-metin-ui] .metin-picker-entry {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(44px, auto) 1fr;
    align-items: start;
  }

  html[data-metin-ui] .metin-inventory-picker ._meta_9m9l9_37 {
    align-items: center;
    text-align: center;
  }
}

/* ComboBox and ListBoxWithBoard use black fields with light/dark beveled edges. */
html[data-metin-ui] [data-metin-select] {
  min-width: 0;
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16 {
  --metin-select-arrow: url("/metin-ui/scrollbar-down-normal.png");
  min-width: 0;
  padding-inline: 7px;
  background: #080605;
  border: 1px solid transparent;
  border-image: url("/metin-ui/field.png") 4 fill / 4px / 0 stretch;
  border-radius: 0;
  box-shadow: none;
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:has([aria-invalid="true"]) {
  box-shadow: inset 0 0 0 1px #b66556;
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:focus-within {
  outline: 1px solid var(--metin-gold);
  outline-offset: 1px;
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:has([aria-expanded="true"]) {
  --metin-select-arrow: url("/metin-ui/scrollbar-up-normal.png");
}

@media (hover: hover) {
  html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:hover:not(._fieldDisabled_nq3d8_48) {
    --metin-select-arrow: url("/metin-ui/scrollbar-down-hover.png");
  }

  html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:hover:has([aria-expanded="true"]) {
    --metin-select-arrow: url("/metin-ui/scrollbar-up-hover.png");
  }
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:active:not(._fieldDisabled_nq3d8_48) {
  --metin-select-arrow: url("/metin-ui/scrollbar-down-pressed.png");
}

html[data-metin-ui] [data-metin-select] ._field_nq3d8_16:active:has([aria-expanded="true"]) {
  --metin-select-arrow: url("/metin-ui/scrollbar-up-pressed.png");
}

html[data-metin-ui] [data-metin-select] [role="combobox"] {
  min-height: 30px;
  padding-inline-end: 20px;
  color: var(--metin-text);
  font-family: var(--metin-font);
  font-size: 13px;
}

html[data-metin-ui] [data-metin-select] [role="combobox"]:focus-visible {
  outline: none;
}

html[data-metin-ui] [data-metin-select] ._chevron_nq3d8_95 {
  inset-inline-end: 7px;
  width: 14px;
  height: 14px;
  background: var(--metin-select-arrow) center / contain no-repeat;
  transform: none;
}

html[data-metin-ui] [data-metin-select] ._chevron_nq3d8_95 svg {
  visibility: hidden;
}

html[data-metin-ui] [data-metin-select-list] {
  max-width: calc(100vw - 12px);
  padding: 3px;
  background: #080706;
  border: 1px solid;
  border-color: #39312a #98897a #98897a #39312a;
  border-radius: 0;
  box-shadow: 0 5px 12px #000b;
}

html[data-metin-ui] [data-metin-select-list] [role="option"] {
  min-width: 0;
  min-height: 28px;
  padding: 4px 7px;
  border-radius: 0;
  color: var(--metin-text);
  font: 13px / 1.35 var(--metin-font);
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-metin-ui] [data-metin-select-list] [role="option"][aria-selected="true"] {
  background: #24244f;
}

html[data-metin-ui] [data-metin-select-list] [role="option"]:is(._optionHighlighted_nq3d8_163, :focus-visible):enabled {
  background: #ffffff33;
  color: #fff5de;
  box-shadow: inset 0 0 0 1px #b49a7a66;
}

html[data-metin-ui] [data-metin-select-list] [role="option"]:disabled {
  color: var(--metin-muted);
  opacity: 0.65;
  cursor: default;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] [data-metin-select] [role="combobox"],
  html[data-metin-ui] [data-metin-select-list] [role="option"] {
    min-height: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] [data-metin-select] ._field_nq3d8_16 {
    border-color: CanvasText;
    border-image: none;
  }

  html[data-metin-ui] [data-metin-select] ._chevron_nq3d8_95 {
    background: none;
  }

  html[data-metin-ui] [data-metin-select] ._chevron_nq3d8_95 svg {
    visibility: visible;
  }

  html[data-metin-ui] [data-metin-select-list] [role="option"]:is([aria-selected="true"], ._optionHighlighted_nq3d8_163) {
    outline: 1px solid Highlight;
    outline-offset: -1px;
  }
}

/* SystemDialog buttons and the HelpWindow callout artwork. */
html[data-metin-ui] .metin-help-window {
  width: min(100%, 48rem);
}

html[data-metin-ui] .metin-help-actions {
  display: grid;
  gap: 7px;
  width: min(100%, 22rem);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-help-action {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 44px;
  padding: 5px 12px;
  border: 0;
  background: url("/metin-ui/settings/system-normal.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  font: 700 13px / 1.25 var(--metin-font);
  text-align: center;
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-help-action:is(:hover, :focus-visible) {
  background-image: url("/metin-ui/settings/system-hover.png");
}

html[data-metin-ui] .metin-help-action:active {
  background-image: url("/metin-ui/settings/system-pressed.png");
}

html[data-metin-ui] .metin-help-action:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: 1px;
}

@media (min-width: 768px) {
  html[data-metin-ui] .metin-help-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 12px;
  }

  html[data-metin-ui] .metin-help-action {
    min-height: 48px;
    font-size: 0.9rem;
  }
}

html[data-metin-ui] .metin-tutorial-card._card_1fq2t_35 {
  box-sizing: border-box;
  width: min(320px, calc(100% - 24px));
  max-height: min(480px, calc(100dvh - 24px));
  padding: 5px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 11px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
  animation-name: _cardFadeIn_1fq2t_1;
  scrollbar-width: thin;
}

html[data-metin-ui] .metin-tutorial-card[aria-modal="true"] {
  width: min(400px, calc(100% - 24px));
}

html[data-metin-ui] .metin-tutorial-card:focus {
  outline: none;
}

html[data-metin-ui] .metin-tutorial-card > .metin-tutorial-titlebar {
  display: grid;
  min-height: 28px;
  padding: 4px 9px;
  place-items: center;
  text-align: center;
}

html[data-metin-ui] .metin-tutorial-titlebar > h2 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px / 1.25 var(--metin-heading-font);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-tutorial-content {
  padding: 10px 8px 6px;
}

html[data-metin-ui] .metin-tutorial-content > ._body_1fq2t_218 {
  color: var(--metin-text);
  font: 13px / 1.5 var(--metin-font);
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-tutorial-content > ._progressLabel_1fq2t_199 {
  margin-bottom: 3px;
  color: var(--metin-muted);
  font: 12px / 1.25 var(--metin-font);
}

html[data-metin-ui] .metin-tutorial-progress {
  appearance: none;
  display: block;
  width: 100%;
  height: 8px;
  margin-bottom: 10px;
  border: 0;
  background: url("/metin-ui/loading/gauge-empty.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-tutorial-progress::-webkit-progress-bar {
  background: transparent;
}

html[data-metin-ui] .metin-tutorial-progress::-webkit-progress-value {
  background: url("/metin-ui/loading/gauge-full.png") left center / auto 100% repeat-x;
}

html[data-metin-ui] .metin-tutorial-progress::-moz-progress-bar {
  background: url("/metin-ui/loading/gauge-full.png") left center / auto 100% repeat-x;
}

html[data-metin-ui] .metin-tutorial-card ._actions_1fq2t_232 {
  justify-content: flex-end;
  flex-wrap: wrap;
}

html[data-metin-ui] .metin-tutorial-card ._skipButton_1fq2t_186 {
  margin-inline-end: auto;
}

html[data-metin-ui] .metin-tutorial-card ._actions_1fq2t_232 button {
  min-height: 38px;
  white-space: normal;
}

html[data-metin-ui] .metin-tutorial-spotlight {
  border-color: var(--metin-highlight);
}

html[data-metin-ui] .metin-tutorial-spotlight::before {
  content: "";
  position: absolute;
  right: 50%;
  bottom: 100%;
  width: 8px;
  height: 24px;
  background: url("/metin-ui/help/stick.png") center / 100% 100% no-repeat;
}

@media (pointer: coarse), (max-width: 599px) {
  html[data-metin-ui] .metin-tutorial-card ._actions_1fq2t_232 button {
    min-height: 44px;
  }
}

/* Keep the existing Metin callout, with a readable body and always reachable controls. */
html[data-metin-ui] .metin-tutorial-card.metin-tutorial-expanded{
 display:flex;flex-direction:column;width:min(480px,calc(100vw - 24px));max-width:480px;
 max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
 overflow:hidden;animation:none;padding:7px;
}
html[data-metin-ui] .metin-tutorial-expanded.metin-tutorial-index{width:min(640px,calc(100vw - 24px));max-width:640px}
html[data-metin-ui] .metin-tutorial-expanded .metin-tutorial-titlebar{flex-shrink:0;padding:7px 10px;min-height:34px}
html[data-metin-ui] .metin-tutorial-expanded .metin-tutorial-titlebar h2{font-size:17px;line-height:1.3}
html[data-metin-ui] .metin-tutorial-status{display:flex;justify-content:space-between;gap:10px;padding:7px 10px;color:var(--metin-muted);font:12px/1.4 var(--metin-font);flex-shrink:0}
html[data-metin-ui] .metin-tutorial-expanded>.metin-tutorial-progress{flex-shrink:0;width:calc(100% - 20px);margin:0 10px 3px}
html[data-metin-ui] .metin-tutorial-reading{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;padding:10px 12px;color:var(--metin-text);font:14px/1.6 var(--metin-font);overflow-wrap:anywhere}
html[data-metin-ui] .metin-tutorial-reading p{margin:0 0 12px}.metin-tutorial-reading p:last-child{margin-bottom:0}
html[data-metin-ui] .metin-tutorial-location{display:grid;gap:2px;margin-bottom:12px;padding:8px 10px;border-left:2px solid #9a783e;background:#1b160d;font-size:12px}
html[data-metin-ui] .metin-tutorial-location strong,.metin-tutorial-practice>strong{color:var(--metin-gold)}
html[data-metin-ui] .metin-tutorial-practice{border:1px solid #806335;background:#211a10;padding:10px;margin:4px 0 10px;font-size:13px}
html[data-metin-ui] .metin-tutorial-practice p{margin:4px 0 0}
html[data-metin-ui] .metin-tutorial-note{display:block;color:var(--metin-muted);font-size:12px}
html[data-metin-ui] .metin-tutorial-footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:9px 7px 4px;border-top:1px solid #745d36;flex-shrink:0}
html[data-metin-ui] .metin-tutorial-footer button{min-height:44px;white-space:normal;font:13px/1.3 var(--metin-font);padding:6px 10px}
html[data-metin-ui] .metin-tutorial-skip{margin-right:auto}
html[data-metin-ui] .metin-tutorial-search{width:100%;box-sizing:border-box;min-height:44px;background:#100d09;color:var(--metin-text);border:1px solid #8c7043;padding:8px 10px;font:inherit}
html[data-metin-ui] .metin-tutorial-chapter h3{font-size:15px;margin:15px 0 7px;color:var(--metin-gold)}
html[data-metin-ui] .metin-tutorial-chapter ul{display:grid;gap:6px;padding:0;margin:0;list-style:none}
html[data-metin-ui] .metin-tutorial-chapter button{display:grid;gap:3px;width:100%;min-height:52px;text-align:left;padding:8px 10px;background:#201a12;border:1px solid #695533;color:var(--metin-text);font:13px/1.4 var(--metin-font);cursor:pointer}
html[data-metin-ui] .metin-tutorial-chapter button small{color:var(--metin-muted);font-size:12px}
html[data-metin-ui] .metin-tutorial-chapter button:hover{background:#36291a;border-color:#b59451}
html[data-metin-ui] .metin-tutorial-chapter button:focus-visible,.metin-tutorial-search:focus-visible{outline:2px solid var(--metin-highlight);outline-offset:1px}
@media(max-width:599px){html[data-metin-ui] .metin-tutorial-reading{padding:9px 8px;font-size:13px}html[data-metin-ui] .metin-tutorial-expanded .metin-tutorial-titlebar h2{font-size:15px}html[data-metin-ui] .metin-tutorial-footer button{flex:1 1 auto}html[data-metin-ui] .metin-tutorial-status{font-size:11px}}
@media(max-height:480px){html[data-metin-ui] .metin-tutorial-expanded .metin-tutorial-titlebar{padding:4px 8px;min-height:26px}html[data-metin-ui] .metin-tutorial-status{padding:3px 8px}html[data-metin-ui] .metin-tutorial-footer{padding-top:5px}html[data-metin-ui] .metin-tutorial-reading{font-size:13px;padding-top:5px}}

html[data-metin-ui] .metin-tutorial-coach{position:fixed;right:12px;bottom:calc(var(--metin-taskbar-height,68px) + 12px);z-index:calc(var(--z-sticky) + 5);width:min(370px,calc(100vw - 24px));max-height:calc(100dvh - 140px);display:flex;flex-direction:column;background:var(--metin-board-fill) repeat #18140f;border:1px solid #987947;box-shadow:0 4px 24px #000b;color:var(--metin-text);font:13px/1.45 var(--metin-font);box-sizing:border-box;padding:6px}
html[data-metin-ui] .metin-tutorial-coach[data-side=left]{left:12px;right:auto}
html[data-metin-ui] .metin-tutorial-coach{z-index:calc(var(--z-modal) - 1)}
html[data-metin-ui] .metin-tutorial-coach header{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:3px 8px;flex-shrink:0}
html[data-metin-ui] .metin-tutorial-coach header strong{font-size:13px;color:var(--metin-gold)}
html[data-metin-ui] .metin-tutorial-coach button{min-height:44px;padding:5px 8px;white-space:normal;font:12px/1.3 var(--metin-font)}
html[data-metin-ui] .metin-tutorial-coach header button{min-width:44px}
html[data-metin-ui] .metin-tutorial-coach-body{overflow:auto;min-height:0;padding:6px 8px;overscroll-behavior:contain}
html[data-metin-ui] .metin-tutorial-coach-body>strong{color:var(--metin-gold)}
html[data-metin-ui] .metin-tutorial-coach-body p{margin:5px 0}.metin-tutorial-coach-short{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-metin-ui] .metin-tutorial-coach ol{display:none;list-style:none;padding:4px 0 0;margin:0;gap:4px;font-size:12px}
html[data-metin-ui] .metin-tutorial-coach[data-expanded] ol{display:grid}
html[data-metin-ui] .metin-tutorial-coach li[data-done]{color:#a4c57a}
html[data-metin-ui] .metin-tutorial-coach footer{display:flex;gap:5px;flex-shrink:0;padding:4px 0 0;border-top:1px solid #6c5434}
html[data-metin-ui] .metin-tutorial-coach footer button:not(:last-child){flex:1}
html[data-metin-ui][data-tutorial-practice] #main-content{padding-bottom:280px!important;scroll-padding-bottom:280px}
html[data-metin-ui] [data-tutorial-practice-target=true]{outline:3px solid #f4ce68!important;outline-offset:3px;box-shadow:0 0 0 6px #a77d2733,0 0 20px #f0c85577!important;animation:metin-practice-pulse 1.3s ease-in-out infinite!important}
@keyframes metin-practice-pulse{50%{outline-color:#fff1b7;box-shadow:0 0 0 7px #ce9c3744,0 0 26px #f0c855aa}}
@media(max-width:767px){html[data-metin-ui] .metin-tutorial-coach,html[data-metin-ui] .metin-tutorial-coach[data-side=left]{left:8px;right:8px;bottom:calc(var(--mobile-nav-offset,62px) + 104px);width:auto;max-height:calc(100dvh - 220px)}html[data-metin-ui] .metin-tutorial-coach header{padding-block:0}html[data-metin-ui] .metin-tutorial-coach-body{font-size:12px}}
@media(max-height:480px){html[data-metin-ui] .metin-tutorial-coach{top:8px;bottom:auto!important;width:300px;max-height:150px}html[data-metin-ui] .metin-tutorial-coach:not([data-expanded]) .metin-tutorial-coach-body p{display:none}html[data-metin-ui] .metin-tutorial-coach-body{padding-block:3px}html[data-metin-ui] .metin-tutorial-coach header strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){html[data-metin-ui] [data-tutorial-practice-target=true]{animation:none!important}}

/* The circular frame and four control states come from the original MiniMap atlas. */
html[data-metin-ui] .metin-minimap-trigger-icon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("/metin-ui/minimap/atlas-normal.png") center / 20px 20px no-repeat;
}

html[data-metin-ui] :is(button, a):is(:hover, :focus-visible) > .metin-minimap-trigger-icon {
  background-image: url("/metin-ui/minimap/atlas-hover.png");
}

html[data-metin-ui] button:is(:active, [aria-expanded="true"]) > .metin-minimap-trigger-icon {
  background-image: url("/metin-ui/minimap/atlas-pressed.png");
}

html[data-metin-ui] .metin-minimap-desktop {
  position: fixed;
  inset: calc(env(safe-area-inset-top, 0px) + 8px) calc(env(safe-area-inset-right, 0px) + 12px) auto auto;
  z-index: calc(var(--z-sticky) + 2);
  box-sizing: border-box;
  width: min(390px, calc(100vw - 24px));
  max-height: calc(100dvh - var(--metin-taskbar-height, 76px) - 24px);
  padding: 6px;
  overflow-y: auto;
  scrollbar-width: thin;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 12px / 0 repeat;
  background: var(--metin-board-fill) repeat var(--metin-surface);
  box-shadow: var(--metin-panel-shadow);
}

html[data-metin-ui] .metin-minimap-desktop:focus {
  outline: none;
}

html[data-metin-ui] .metin-minimap-desktop > header {
  display: grid;
  min-height: 30px;
  padding: 4px 8px;
  place-items: center;
}

html[data-metin-ui] .metin-minimap-desktop h2 {
  margin: 0;
  color: var(--metin-gold);
  font: 700 14px / 1.2 var(--metin-font);
}

html[data-metin-ui] .metin-minimap-mobile {
  width: min(360px, 100%);
}

html[data-metin-ui] .metin-minimap-content {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 8px 3px 4px;
}

html[data-metin-ui] .metin-minimap-dial {
  position: relative;
  isolation: isolate;
  width: min(280px, 100%);
  aspect-ratio: 136 / 137;
}

html[data-metin-ui] .metin-minimap-mobile .metin-minimap-dial {
  width: min(190px, 100%);
}

html[data-metin-ui] :is(.metin-minimap-frame, .metin-minimap-terrain, .metin-minimap-map, .metin-minimap-player) {
  position: absolute;
  pointer-events: none;
}

html[data-metin-ui] .metin-minimap-frame {
  inset: 0;
  background: url("/metin-ui/minimap/frame.png") center / 100% 100% no-repeat;
}

html[data-metin-ui] .metin-minimap-terrain {
  inset: 3.65% 2.95% 2.95%;
  border-radius: 50%;
  overflow: hidden;
  background: #12100d;
}

html[data-metin-ui] .metin-minimap-map {
  max-width: none;
  object-fit: fill;
}

html[data-metin-ui] .metin-minimap-player {
  inset: 50% auto auto 50%;
  width: 13px;
  height: 13px;
  object-fit: contain;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 2px #000);
}

html[data-metin-ui] .metin-minimap-control {
  position: absolute;
  z-index: 1;
  display: grid;
  width: 44px;
  height: 44px;
  padding: 0;
  place-items: center;
  border: 0;
  background: transparent;
}

html[data-metin-ui] .metin-minimap-control::before {
  width: 23px;
  height: 23px;
  background: var(--minimap-normal) center / contain no-repeat;
  content: "";
}

html[data-metin-ui] .metin-minimap-control:is(:hover, :focus-visible):not(:disabled)::before {
  background-image: var(--minimap-hover);
}

html[data-metin-ui] .metin-minimap-control:active:not(:disabled)::before {
  background-image: var(--minimap-pressed);
}

html[data-metin-ui] .metin-minimap-control:disabled::before {
  opacity: .48;
}

html[data-metin-ui] .metin-minimap-control:focus-visible {
  outline: 2px solid var(--metin-highlight);
  outline-offset: -3px;
}

html[data-metin-ui] .metin-minimap-control[data-minimap-icon="atlas"] {
  --minimap-normal: url("/metin-ui/minimap/atlas-normal.png");
  --minimap-hover: url("/metin-ui/minimap/atlas-hover.png");
  --minimap-pressed: url("/metin-ui/minimap/atlas-pressed.png");
  inset: 2% auto auto 2%;
}

html[data-metin-ui] .metin-minimap-control[data-minimap-icon="close"] {
  --minimap-normal: url("/metin-ui/minimap/close-normal.png");
  --minimap-hover: url("/metin-ui/minimap/close-hover.png");
  --minimap-pressed: url("/metin-ui/minimap/close-pressed.png");
  inset: 1% 1% auto auto;
}

html[data-metin-ui] .metin-minimap-control[data-minimap-icon="zoom-in"] {
  --minimap-normal: url("/metin-ui/minimap/zoom-in-normal.png");
  --minimap-hover: url("/metin-ui/minimap/zoom-in-hover.png");
  --minimap-pressed: url("/metin-ui/minimap/zoom-in-pressed.png");
  inset: auto 20% 1% auto;
}

html[data-metin-ui] .metin-minimap-control[data-minimap-icon="zoom-out"] {
  --minimap-normal: url("/metin-ui/minimap/zoom-out-normal.png");
  --minimap-hover: url("/metin-ui/minimap/zoom-out-hover.png");
  --minimap-pressed: url("/metin-ui/minimap/zoom-out-pressed.png");
  inset: auto 1% 23% auto;
}

html[data-metin-ui] .metin-minimap-location {
  min-width: 0;
  color: var(--metin-text);
  font: 700 13px / 1.35 var(--metin-font);
  text-align: center;
  text-shadow: var(--metin-text-shadow);
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-minimap-location p {
  margin: 0;
}

html[data-metin-ui] .metin-minimap-location .metin-minimap-travel {
  margin-top: 4px;
  color: var(--metin-gold);
  font-weight: 400;
}

@media (max-width: 1023px) {
  html[data-metin-ui] .metin-minimap-desktop {
    inset-block-start: calc(env(safe-area-inset-top, 0px) + 84px);
    width: min(340px, calc(100vw - 24px));
  }

  html[data-metin-ui] .metin-minimap-desktop .metin-minimap-dial {
    width: min(232px, 100%);
  }
}

/* TitleBar draws the original right cap and its button at the source position.
   The clickable control is sized separately from the 23px-high artwork. */
html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close]) {
  --metin-titlebar-art: url("/metin-ui/titlebar-close-normal.png");
  --metin-titlebar-hit: 36px;
  position: relative;
  isolation: isolate;
  min-block-size: var(--metin-titlebar-hit);
  padding-inline: var(--metin-titlebar-hit);
  border-image: none;
  background: transparent;
}

html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close])::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-inline: 0;
  inset-block-start: 50%;
  block-size: 28.75px;
  transform: translateY(-50%);
  border-image: var(--metin-titlebar-art) 0 32 fill / 0 40px / 0 repeat stretch;
  pointer-events: none;
}

@media (hover: hover) {
  html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close]:hover) {
    --metin-titlebar-art: url("/metin-ui/titlebar-close-hover.png");
  }
}

html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close]:active) {
  --metin-titlebar-art: url("/metin-ui/titlebar-close-pressed.png");
}

html[data-metin-ui] [data-metin-titlebar] > [data-metin-close] {
  position: absolute;
  z-index: 2;
  display: block;
  inset-block: 50% auto;
  inset-inline: auto 0;
  inline-size: var(--metin-titlebar-hit);
  block-size: var(--metin-titlebar-hit);
  min-block-size: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  transform: translateY(-50%);
  cursor: pointer;
}

html[data-metin-ui] [data-metin-titlebar] > [data-metin-close]:focus-visible {
  outline-offset: -3px;
}

html[data-metin-ui] [data-metin-titlebar] > [data-metin-close] > :is(span, svg) {
  visibility: hidden;
}

html[data-metin-ui] :is(._header_1jcx0_148, ._header_1yy3m_122, ._header_5keho_44, .metin-notification-header)[data-metin-titlebar]:has(> [data-metin-close]) {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  place-items: center;
  text-align: center;
}

html[data-metin-ui] :is(._header_1jcx0_148, ._header_1yy3m_122, ._header_5keho_44, .metin-notification-header)[data-metin-titlebar]:has(> [data-metin-close]) > h2 {
  grid-column: 1;
  min-width: 0;
  margin: 0;
  font-size: clamp(0.875rem, 2vw, 1.0625rem);
  line-height: 1.25;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-item-shop-title[data-metin-titlebar]:has(> [data-metin-close]) {
  --metin-refresh-hit: 26px;
  padding-inline: calc(var(--metin-titlebar-hit) + var(--metin-refresh-hit));
}

html[data-metin-ui] .metin-item-shop-title[data-metin-titlebar] > .metin-item-shop-refresh {
  inset-inline-end: var(--metin-titlebar-hit);
  inline-size: var(--metin-refresh-hit);
  block-size: var(--metin-refresh-hit);
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close]) {
    --metin-titlebar-hit: 44px;
  }

  html[data-metin-ui] .metin-item-shop-title[data-metin-titlebar]:has(> [data-metin-close]) {
    --metin-refresh-hit: 44px;
  }
}

@media (forced-colors: active) {
  html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close]) {
    border: 1px solid CanvasText;
  }

  html[data-metin-ui] [data-metin-titlebar]:has(> [data-metin-close])::before {
    display: none;
  }

  html[data-metin-ui] [data-metin-titlebar] > [data-metin-close]::after {
    content: "×";
    display: grid;
    block-size: 100%;
    place-items: center;
    color: ButtonText;
    font: 700 1.25rem / 1 var(--metin-font);
  }
}

/* Reuse the shared mt2009 ScrollBar sprites at their desktop size. */
@supports selector(::-webkit-scrollbar-thumb) {
  html[data-metin-ui] :is(
    .metin-chat[data-metin-chat-channel] ._messages_1qjpe_384,
    .metin-mail-window .metin-mail-inbox-scroll,
    .metin-inventory-picker .metin-picker-slots
  ) {
    @media (pointer: fine) and (hover: hover) and (forced-colors: none) {
      scrollbar-color: auto;
      scrollbar-width: auto;

      &::-webkit-scrollbar:vertical {
        width: 17px;
      }

      &::-webkit-scrollbar-thumb:vertical {
        min-height: 17px;
        border-image-repeat: stretch repeat;
      }

      &::-webkit-scrollbar-button:single-button:vertical {
        height: 16px;
        background-size: 15px 16px;
      }
    }

    @media (forced-colors: active) {
      scrollbar-color: auto;
      scrollbar-width: auto;

      &::-webkit-scrollbar,
      &::-webkit-scrollbar-track,
      &::-webkit-scrollbar-thumb,
      &::-webkit-scrollbar-button,
      &::-webkit-scrollbar-corner {
        all: revert;
      }
    }
  }
}

html[data-metin-ui] .metin-cookie-options {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-metin-ui] .metin-cookie-options > li {
  padding: 8px;
  border: 1px solid #6c5436;
  background: var(--metin-recess);
}

html[data-metin-ui] .metin-cookie-options label {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 44px;
}

html[data-metin-ui] .metin-update-version {
  padding: 7px;
  background: #100b07 url("/metin-ui/entry/parameter-wide.png") center / 100% 100% no-repeat;
  color: var(--metin-gold);
  text-align: center;
  overflow-wrap: anywhere;
}

html[data-metin-ui] .metin-chat-mute-durations {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
  gap: 7px;
}

html[data-metin-ui] .metin-chat-mute-durations button {
  min-height: 44px;
  white-space: normal;
}

html[data-metin-ui] .metin-smith-help {
  display: grid;
  place-items: center;
  width: 36px;
  min-height: 36px;
  padding: 0;
}

html[data-metin-ui] .metin-smith-help-copy {
  margin: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-image: var(--metin-board) 16 / 8px / 0 repeat;
  background: var(--metin-recess);
  line-height: 1.5;
}

@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] .metin-smith-help {
    width: 44px;
    min-height: 44px;
  }
}

html[data-metin-ui] .metin-battle-pass{min-width:0;max-width:100%;color:var(--metin-text);background:#17130de8;border:1px solid #745a33;padding:12px;box-sizing:border-box;font:13px/1.5 var(--metin-font)}
html[data-metin-ui] .bp-title{display:flex;gap:10px;align-items:center;padding:8px 12px;background:linear-gradient(#473521,#21180f);margin:-12px -12px 12px;color:#e5c78e}
html[data-metin-ui] .bp-title h1{font-size:20px;line-height:1.25;margin:0}.bp-title>div{flex:1;min-width:0}.bp-title small{display:block}.bp-title>img,.bp-title>button{flex-shrink:0}
html[data-metin-ui] .metin-battle-pass :is(button,input,select,textarea){font:inherit;box-sizing:border-box;max-width:100%;min-width:0}
html[data-metin-ui] .metin-battle-pass button{min-height:38px;padding:7px 10px;overflow-wrap:anywhere}
html[data-metin-ui] .metin-battle-pass :is(input:not([type=checkbox]),select,textarea){background:#17120b;color:#e8d2a5;border:1px solid #7c633d;padding:7px;min-height:38px;width:100%}
html[data-metin-ui] .metin-battle-pass input[type=checkbox]{width:22px;height:22px;accent-color:#b0904f}
html[data-metin-ui] .bp-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
html[data-metin-ui] .bp-hero>div{display:grid;gap:6px;padding:12px;border:1px solid #645236;background:#0d0b08;min-width:0}
html[data-metin-ui] .bp-level{font-size:21px;color:#e8d2a5}.bp-premium-offer{border-color:#b28d40!important}.bp-owned{color:#e2c05c}
html[data-metin-ui] .bp-tabs{display:flex;gap:5px;overflow-x:auto;padding-bottom:8px;max-width:100%;white-space:nowrap}.bp-tabs button{flex-shrink:0}
html[data-metin-ui] .bp-tabs [aria-pressed=true]{color:#ffe1a0;box-shadow:inset 0 0 0 1px #c2a45c}
html[data-metin-ui] .bp-tier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:10px;margin:12px 0}
html[data-metin-ui] .bp-tier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #685132;background:#0e0c09;min-width:0}
html[data-metin-ui] .bp-tier>h2{grid-column:1/-1;font-size:15px;margin:0;padding:5px 9px;background:#36291c;color:#dfc899}
html[data-metin-ui] .bp-reward{display:flex;flex-direction:column;gap:5px;padding:9px;min-width:0;overflow-wrap:anywhere}
html[data-metin-ui] .bp-reward.premium{background:linear-gradient(#4a37132e,#1e170c);border-left:1px solid #7e622d}.bp-reward.premium h3{color:#e4bf64}
html[data-metin-ui] .bp-reward h3{font-size:14px;margin:0}.bp-reward>button{margin-top:auto}
html[data-metin-ui] .bp-reward[data-bp-claimed="true"] {
  background: linear-gradient(155deg, #23422b, #101c14 75%);
  box-shadow: inset 0 0 0 1px #69a976, inset 0 0 16px #6dd4864d;
}
html[data-metin-ui] .bp-reward[data-bp-claimed="true"] h3 {
  color: #b5eab7;
}
html[data-metin-ui] .bp-items{list-style:none;padding:0;margin:0;display:grid;gap:5px}.bp-items li{display:flex;align-items:center;gap:4px;min-width:0;font-size:12px}.bp-items img{object-fit:contain;image-rendering:pixelated;flex-shrink:0}
html[data-metin-ui] .bp-choice{display:grid;gap:4px;font-size:12px}.bp-choice select{width:100%;font-size:11px!important}
html[data-metin-ui] .bp-pagination,.bp-reward-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:10px 0}
html[data-metin-ui] .bp-reward-toolbar small{flex:1 1 200px}.bp-prestige{margin:15px 0}.bp-prestige summary{cursor:pointer;color:#e0c78c;padding:8px;border:1px solid #685132}
html[data-metin-ui] .bp-prestige-grid,.bp-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin-top:10px}
html[data-metin-ui] .bp-missions{display:grid;gap:10px}.bp-mission{border:1px solid #685132;padding:10px;background:#0d0b08;min-width:0}.bp-mission[data-complete=true]{border-color:#73894a}
html[data-metin-ui] .bp-mission :is(header,footer),.bp-objective{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.bp-mission header{color:#e3cf9e}.bp-mission footer{margin-top:10px}.bp-mission footer button{flex:1 1 130px}.bp-objective{font-size:12px;margin-top:5px}.bp-or{display:block;text-align:center;color:#a8946d}
html[data-metin-ui] .metin-battle-pass progress{width:100%;height:12px;accent-color:#b99a53;background:#21190e;border:1px solid #74572d}
html[data-metin-ui] .bp-shop-offer{display:grid;gap:8px;padding:10px;border:1px solid #685132;background:#0d0b08;min-width:0}
html[data-metin-ui] .bp-archive{display:grid;gap:8px}.bp-archive article{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px;border:1px solid #685132}
html[data-metin-ui] .bp-message{padding:9px;border:1px solid #92743e;color:#ead39c;background:#22190c}
html[data-metin-ui] .bp-admin{display:grid;gap:10px}.bp-admin label{display:grid;gap:4px}.bp-admin textarea{height:280px;font:12px/1.5 monospace;resize:vertical}.bp-admin details{min-width:0}.bp-admin input[type=checkbox]{display:inline-block}
html[data-metin-ui] .bp-modal-backdrop{position:fixed;inset:0;z-index:10060;display:grid;place-items:center;background:#000b;padding:12px;overflow:auto}
html[data-metin-ui] .bp-confirm{max-width:440px;width:100%;box-sizing:border-box;padding:14px;background:#19120bf8;border:2px solid #a88a50;box-shadow:0 10px 50px #000;overflow-wrap:anywhere}
html[data-metin-ui] .bp-confirm h2{font-size:18px}.bp-confirm>strong{display:block;text-align:center;font-size:24px;color:#e4c77f}.bp-confirm>div{display:flex;gap:8px}.bp-confirm button{flex:1;min-height:44px}
@media(max-width:767px){html[data-metin-ui] .bp-hero{grid-template-columns:minmax(0,1fr)}html[data-metin-ui] .metin-battle-pass button{min-height:44px}html[data-metin-ui] .metin-battle-pass{padding:9px}html[data-metin-ui] .bp-title{margin:-9px -9px 9px}html[data-metin-ui] .bp-tier-grid{grid-template-columns:minmax(0,1fr)}html[data-metin-ui] .bp-reward{padding:7px}}


.metin-login-reward-content {
  display: grid;
  gap: 14px;
  min-width: 0;
  color: var(--metin-text);
}

.metin-login-reward-content p { margin: 0; }
.metin-login-reward-intro {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid #765a38;
  background: #1c140d;
}
.metin-login-reward-intro img { object-fit: contain; flex: none; }
.metin-login-reward-intro small { color: var(--text-muted, #bdac96); }

.metin-login-reward-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.metin-login-reward-list > li {
  min-width: 0;
  padding: 8px;
  border: 1px solid #65513a;
  background: #1a130c;
}
.metin-login-reward-list > li[data-state='current'] { border-color: #d6ad5d; background: #342411; }
.metin-login-reward-list > li[data-state='claimed'] { border-color: #67845a; background: #1d2c18; }
.metin-login-reward-list > li[data-state='claimed'] > small { color: #b2d19d; }
.metin-login-reward-list h3 { margin: 0; color: var(--metin-gold); font-size: .95rem; }
.metin-login-reward-list ul { display: grid; gap: 5px; padding: 0; margin: 6px 0 0; list-style: none; }
.metin-login-reward-list ul li { display: flex; gap: 4px; align-items: center; min-width: 0; overflow-wrap: anywhere; font-size: .83rem; }
.metin-login-reward-list ul img { flex: none; object-fit: contain; }
.metin-login-reward-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.metin-login-reward-footer strong { color: var(--metin-gold); }
.metin-login-reward-footer time { white-space: nowrap; font-variant-numeric: tabular-nums; }
.metin-login-reward-footer button { min-height: 44px; padding-inline: 12px; }
.metin-login-reward-notice a { margin-inline-start: 10px; color: var(--metin-gold); text-decoration: underline; }

@media (max-width: 640px) {
  .metin-login-reward-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metin-login-reward-footer button { width: 100%; }
}


.metin-beta-content {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.metin-beta-content p { margin: 0; }
.metin-beta-content > strong { color: var(--metin-gold); }

.metin-beta-rewards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 8px;
}

.metin-beta-card {
  display: grid;
  gap: 8px;
  padding: 8px;
  min-width: 0;
  border: 1px solid var(--metin-border);
  background: var(--metin-board-fill) var(--metin-surface);
}

.metin-beta-card[data-claimed] {
  border-color: #678055;
  box-shadow: inset 0 0 10px #66835338;
}

.metin-beta-card h3, .metin-beta-item, .metin-beta-preview li > details > summary {
  display: flex;
  align-items: center;
  gap: 7px;
}

.metin-beta-card h3 { margin: 0; color: var(--metin-gold); font-size: 14px; }
.metin-beta-card img { flex: none; object-fit: contain; }
.metin-beta-card button, .metin-beta-preview summary { min-height: 36px; }
.metin-beta-preview summary { align-content: center; cursor: pointer; color: var(--metin-gold); }
.metin-beta-preview ul { display: grid; gap: 3px; margin: 2px 0 0; }
.metin-beta-preview li > details > summary::after { content: '+'; margin-inline-start: auto; }
.metin-beta-preview li > details[open] > summary::after { content: '−'; }
.metin-beta-bonuses { color: #b8d99f; padding-inline-start: 35px; font-size: 12px; }
.metin-beta-notice { color: #b8d99f; }
.metin-beta-notice[data-error] { color: #ffb1a0; }

@media (max-width: 560px) {
  .metin-beta-rewards { grid-template-columns: minmax(0, 1fr); }
}

@media (any-pointer: coarse) {
  .metin-beta-card button, .metin-beta-preview summary { min-height: 44px; }
}

.metin-inventory-equipment-tabs {
  display: grid;
  grid-template-columns: 1.13fr .87fr;
  gap: 4px;
  margin-bottom: 10px;
}
.metin-inventory-equipment-tabs button {
  min-width: 0;
  min-height: 44px;
  padding: 4px 6px;
  line-height: 1.15;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: 12px;
}
.metin-inventory-equipment-tabs button img { flex: 0 0 23px; image-rendering: auto; }
.metin-inventory-equipment-tabs [aria-selected=true],
.metin-alchemy [aria-pressed=true] { outline: 1px solid #edc472; outline-offset: -2px; }
.metin-inventory-main-content[data-alchemy-open] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.metin-inventory-main-content[data-alchemy-open] > .metin-inventory-gear { grid-area: 1 / 1 / auto / -1; order: -2; }
.metin-inventory-main-content[data-alchemy-open] > .metin-inventory-preview { grid-area: 2 / 1; }
.metin-inventory-main-content[data-alchemy-open] > .metin-inventory-bag { grid-area: 2 / 2; }
.metin-inventory-main-content[data-alchemy-open] .metin-inventory-equipment-tabs { max-width: 390px; }
.metin-inventory-jumps[data-alchemy-jump] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metin-inventory-jumps[data-alchemy-jump] button { white-space: normal; overflow-wrap: anywhere; }
.metin-alchemy {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 7px;
  color: #e5d6bc;
  background: #201813;
  border: 1px solid #756044;
  box-shadow: inset 0 0 0 2px #120d0a;
  font-size: 13px;
}
.metin-alchemy button[data-metin-button] { min-height: 38px; padding: 4px 7px; white-space: normal; }
.metin-alchemy-controls { display: grid; gap: 8px; min-width: 0; margin: 0; padding: 0; border: 0; }
.metin-alchemy[data-locked=true] { filter: grayscale(1); }
.metin-alchemy-controls:disabled { opacity: .65; pointer-events: none; }
.metin-alchemy-heading { margin: 2px 0; color: #ead6a2; font-size: 14px; text-align: center; }
.metin-alchemy-panels { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 12px; align-items: start; }
.metin-alchemy-panel {
  display: grid; gap: 8px; min-width: 0; padding: 8px; border: 5px solid #6d5639;
  border-image: var(--metin-board-gold) 16 stretch; background: var(--metin-board-fill) repeat #17110e;
  background-clip: padding-box;
}
.metin-alchemy-panel > h4 { margin: 0; min-height: 32px; padding: 6px 8px; color: #ead6a2; font-size: 13px; text-align: center; }
.metin-alchemy-panel > p { margin: 0; color: #d5c4a5; font-size: 12px; }
.metin-alchemy-panel[tabindex="-1"] { scroll-margin-block-start: 112px; }
.metin-alchemy button:disabled { opacity: .56; cursor: default; }
.metin-alchemy-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; }
.metin-alchemy-actions > button { flex: 1 1 auto; }
.metin-alchemy-decks { position: absolute; inset: auto 3% 4%; display: flex; justify-content: space-between; pointer-events: none; }
.metin-alchemy .metin-alchemy-decks button { min-width: 36px; aspect-ratio: 1; pointer-events: auto; font-weight: 700; }
.metin-alchemy-decks [data-active=true] { color: #a8ed83; }
.metin-alchemy-notice { margin: 0; padding: 6px; color: #f1dbad; overflow-wrap: anywhere; }
.metin-alchemy [role=alert] { color: #ffad97; }
.metin-alchemy-wheel {
  position: relative;
  width: min(100%, 337px);
  aspect-ratio: 287 / 230;
  justify-self: center;
  background: #241a14 url('/metin-ui/alchemy/deck-dial.svg') center / 100% 100% no-repeat;
  border: 1px solid #654e33;
}
.metin-alchemy-wheel[data-active=true] { box-shadow: inset 0 0 32px #86b85f63; }
.metin-alchemy-wheel .metin-alchemy-slot {
  position: absolute;
  left: var(--x);
  top: var(--y);
  transform: translate(-50%, -50%);
  width: min(16%, 44px);
  aspect-ratio: 1;
}
.metin-alchemy-wheel [data-type="0"] { --x: 50.2%; --y: 13.9%; }
.metin-alchemy-wheel [data-type="1"] { --x: 26.1%; --y: 31.3%; }
.metin-alchemy-wheel [data-type="2"] { --x: 26.1%; --y: 68.7%; }
.metin-alchemy-wheel [data-type="3"] { --x: 50.2%; --y: 86.1%; }
.metin-alchemy-wheel [data-type="4"] { --x: 73.2%; --y: 68.7%; }
.metin-alchemy-wheel [data-type="5"] { --x: 73.2%; --y: 31.3%; }
.metin-alchemy-wheel [data-can-place=true] { border-color: #abd381; box-shadow: 0 0 8px #acd58180; }
.metin-alchemy-center { position: absolute; left: 37%; top: 50%; transform: translateY(-50%); width: 26%; color: #ead6a2; text-align: center; font-weight: 700; font-size: 11px; line-height: 1.1; text-shadow: 0 1px 3px #080604; }
.metin-alchemy-wheel[data-active=true] .metin-alchemy-center { color: #beed95; }
.metin-alchemy-types { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 2px; }
.metin-alchemy-type-name { color: var(--metin-gold); font-size: 12px; }
.metin-alchemy-grades, .metin-alchemy-modes { display: grid; gap: 3px; }
.metin-alchemy-grades { grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) minmax(0,.88fr) minmax(0,.94fr) minmax(0,1.18fr); }
.metin-alchemy-modes { grid-template-columns: repeat(3, minmax(0,1fr)); }
.metin-alchemy :is(.metin-alchemy-grades,.metin-alchemy-modes) button[data-metin-button] {
  min-width: 0; padding-inline: 3px; font-size: 12px; overflow-wrap: anywhere;
}
.metin-alchemy .metin-alchemy-types button { position: relative; display: grid; place-items: center; min-width: 0; padding: 2px; }
.metin-alchemy-count { position: absolute; right: 2px; bottom: 2px; min-width: 14px; padding-inline: 2px; color: #ffe3a0; background: #1c120a; border-radius: 3px; line-height: 1.25; }
.metin-alchemy-types img, .metin-alchemy-slot img { width: min(100%,32px); height: auto; }
.metin-alchemy-bag { display: grid; grid-template-columns: repeat(8,minmax(0,1fr)); gap: 2px; width: min(100%, 352px); justify-self: center; }
.metin-alchemy-slot {
  min-width: 0;
  aspect-ratio: 1;
  padding: 0;
  border: 1px solid #625038;
  background: #17110e url('/metin-ui/slot.png') center / 100% 100%;
  display: grid;
  place-items: center;
}
button.metin-alchemy-slot:enabled { cursor: pointer; }
.metin-alchemy-bag .metin-alchemy-slot { position: relative; }
.metin-alchemy-bag[data-moving=true] button.metin-alchemy-slot { border-color: #a78d55; }
.metin-alchemy-bag[data-moving=true] button[aria-pressed=true] { outline: 2px solid #d5b878; outline-offset: -2px; }
.metin-alchemy-lock {
  position: absolute; z-index: 1; bottom: 3px; inset-inline-end: 3px; width: 10px; height: 8px;
  border-radius: 1px; background: #d5b878; box-shadow: 0 0 0 1px #221707; pointer-events: none;
}
.metin-alchemy-lock::before {
  content: ''; position: absolute; inset: -5px 2px auto; height: 6px;
  border: 1px solid #d5b878; border-radius: 4px 4px 0 0;
}
.metin-alchemy-bag [draggable=true] { cursor: grab; }
.metin-alchemy-bag .metin-alchemy-slot[aria-haspopup=dialog] { touch-action: pan-y; }
.metin-alchemy [data-dragging=true] { opacity: .55; }
.metin-alchemy .metin-alchemy-slot[data-drag-target=true] {
  border-color: #add37f; box-shadow: 0 0 8px #acd58180; opacity: 1;
}
.metin-alchemy-touch-ghost {
  position: fixed; z-index: 10050; pointer-events: none;
  transform: translate(-50%, calc(-100% - 10px));
  display: grid; place-items: center; width: 38px; height: 38px;
  border: 1px solid #a78d55; background: #17110e url('/metin-ui/slot.png') center / 100% 100%;
  box-shadow: 0 3px 8px #0009;
}
.metin-alchemy-field, .metin-alchemy-inspect, .metin-alchemy-item-actions { display: grid; gap: 6px; min-width: 0; }
.metin-alchemy-field :is(select, input[type=number]) { min-height: 36px; width: 100%; padding: 4px; color: #f0dfb8; border: 1px solid #7d643f; background: #18120e; }
.metin-alchemy-inspect { padding: 7px; background: #130f0c; border: 1px solid #6d5639; }
.metin-alchemy-inspect ul { margin: 2px 0 6px; padding-inline-start: 16px; color: #a7d78a; }
.metin-alchemy-item-time { display: flex; align-items: center; gap: 8px; color: #e8c788; }
.metin-alchemy-item-actions button { min-height: 38px; }
.metin-alchemy-slot[aria-haspopup=dialog] { -webkit-touch-callout: none; user-select: none; }
.metin-alchemy-details { min-width: 0; overflow-wrap: anywhere; }
.metin-alchemy-details > summary { color: #e8c788; cursor: pointer; padding: 8px 2px; }
.metin-alchemy-details[open] > :not(summary) { margin-block: 6px; }
.metin-alchemy-workshop { grid-column: 1 / -1; width: min(100%, 660px); justify-self: center; }
.metin-alchemy-refine-board {
  display: grid; grid-template-columns: minmax(0, 1.7fr) auto minmax(0, 1fr);
  align-items: center; gap: clamp(4px, 1.6vw, 16px); padding: 7px 5px;
  border: 1px solid #685337; background: #17100c url('/metin-ui/thinboard-gold-base.png') repeat;
}
.metin-alchemy-inputs, .metin-alchemy-result { display: grid; justify-items: center; align-content: center; gap: 5px; min-width: 0; text-align: center; }
.metin-alchemy-input-grid { width: min(100%, 94px); display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 2px; }
.metin-alchemy-input-grid [data-locked=true] { opacity: .32; }
.metin-alchemy-refine-arrow { color: #bf9a63; font-size: 27px; }
.metin-alchemy-result .metin-alchemy-slot { width: min(100%, 48px); }
.metin-alchemy-result small { color: #d5c4a5; overflow-wrap: anywhere; }
.metin-alchemy-result[data-outcome=success] .metin-alchemy-slot { border-color: #a3ca70; box-shadow: 0 0 9px #a5ca6f64; }
.metin-alchemy-result[data-outcome=failure] .metin-alchemy-slot { border-color: #ca8b66; }
.metin-alchemy-candidates, .metin-alchemy-refine-footer, .metin-alchemy-refine-footer > div { display: grid; gap: 5px; min-width: 0; }
.metin-alchemy-candidates p, .metin-alchemy-refine-footer p { margin: 0; }
.metin-alchemy-series { display: grid; gap: 8px; min-width: 0; }
.metin-alchemy-series { padding: 8px; border: 1px solid #685337; background: #17100c; }
.metin-alchemy-series-stop { display: flex; gap: 6px; align-items: center; }
.metin-alchemy-risk { color: #e7b174; }
.metin-alchemy-candidate-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(65px, 1fr)); gap: 4px; }
.metin-alchemy-candidate-list .metin-alchemy-slot { aspect-ratio: auto; min-height: 52px; align-content: center; gap: 1px; padding: 2px; color: #e5d6bc; }
.metin-alchemy-candidate-list small { font-size: 10px; overflow-wrap: anywhere; }
.metin-alchemy-beans { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 145px), 1fr)); gap: 4px; }
.metin-alchemy-beans button { display: flex; gap: 5px; align-items: center; text-align: start; min-width: 0; }
.metin-alchemy-beans img { flex: 0 0 26px; width: 26px; height: 26px; }
.metin-alchemy-shop { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 4px; align-items: center; }
.metin-alchemy-shop button { grid-column: 1 / -1; }
@container inventory-window (min-width: 970px) {
  .metin-alchemy-panels { grid-template-columns: minmax(0,.9fr) minmax(0,1.05fr) minmax(0,1.05fr); }
  .metin-alchemy-workshop { grid-column: auto; }
}
@container inventory-window (max-width: 640px) {
  .metin-alchemy-panels { grid-template-columns: minmax(0, 1fr); }
}
@container inventory-window (max-width: 370px) {
  .metin-alchemy-grades { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (pointer: coarse), (max-width: 767px) {
  .metin-alchemy button[data-metin-button], .metin-alchemy-field :is(select, input[type=number]) { min-height: 44px; }
  .metin-alchemy-slot { scroll-margin-block: 110px 80px; }
}

/* Stonecall authentication: composited artwork with transform/opacity-only effects.
   Static masks/filters isolate the actual stone and letters; animation changes their light. */
html[data-metin-ui] .stonecall-entry {
  --stonecall-ink: #0b1015;
  --stonecall-bronze: #a98655;
  --stonecall-ivory: #efe5cb;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: auto 1fr auto;
  align-items: stretch;
  justify-content: stretch;
  gap: 1rem;
  min-height: 100svh;
  padding: max(24px, env(safe-area-inset-top)) max(5vw, env(safe-area-inset-right))
    max(26px, env(safe-area-inset-bottom)) max(5vw, env(safe-area-inset-left));
  background: #111923;
  color: var(--stonecall-ivory);
}

.stonecall-scene {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
  background: linear-gradient(90deg, #070b100d 20%, #080d1640 62%, #080c1470),
    linear-gradient(0deg, #060a11b8, transparent 30%, transparent 78%, #080b1255),
    #192632 url('/stonecall/entry-scene-v1.webp') center / cover no-repeat;
}

.stonecall-effect-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }

.stonecall-lit-scene {
  --stonecall-cycle: 3.2s;
  position: absolute;
  inset: 0;
  background: url('/stonecall/entry-scene-v1.webp') center / cover no-repeat;
  -webkit-mask: url('/stonecall/stone-light-mask-v1.svg') center / cover no-repeat;
  mask: url('/stonecall/stone-light-mask-v1.svg') center / cover no-repeat;
  filter: url('#stonecall-heat-filter');
  mix-blend-mode: screen;
  opacity: 0.8;
  animation: stonecall-crack-pulse 3.2s -1s ease-in-out infinite;
}

.stonecall-sky-light {
  --stonecall-cycle: 8s;
  position: absolute;
  inset: -3%;
  background: radial-gradient(ellipse 35% 42% at 72% 24%, #3f9acb70, transparent 75%),
    radial-gradient(ellipse 28% 50% at 42% 46%, #7444b033, transparent 80%);
  mix-blend-mode: screen;
  animation: stonecall-sky-breathe 8s -3s ease-in-out infinite alternate;
}

.stonecall-stone-glow {
  --stonecall-cycle: 3.2s;
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 23% 34% at 25% 58%, #fb3f2670, transparent 78%),
    radial-gradient(ellipse 14% 13% at 25% 68%, #ffb54f55, transparent 80%);
  mix-blend-mode: screen;
  animation: stonecall-breathe 3.2s -1s ease-in-out infinite;
}

.stonecall-fog {
  --stonecall-cycle: 24s;
  position: absolute;
  inset: 20% -20% -20%;
  background: radial-gradient(ellipse 37% 17% at 25% 70%, #9ebfc248, transparent 80%),
    radial-gradient(ellipse 30% 11% at 77% 77%, #a3bec54e, transparent 80%);
  animation: stonecall-mist 24s -8s ease-in-out infinite alternate;
}

.stonecall-fog-near {
  --stonecall-cycle: 17s;
  inset-block-start: 45%;
  opacity: 0.6;
  animation-duration: 17s;
  animation-direction: alternate-reverse;
}

.stonecall-embers { position: absolute; inset: 0; }
.stonecall-embers i {
  --stonecall-cycle: var(--duration);
  position: absolute;
  bottom: 5%;
  left: var(--x);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #ffe0ad;
  box-shadow: 0 0 6px 2px #ff7026b3, 0 0 14px #ff4f2466;
  opacity: 0;
  animation: stonecall-ember var(--duration) var(--delay) linear infinite;
}

.stonecall-entry[data-motion='off'] :is(.stonecall-fog, .stonecall-stone-glow, .stonecall-lit-scene, .stonecall-sky-light, .stonecall-embers i, .stonecall-logo-halo),
.stonecall-entry[data-motion='off'] .stonecall-logo-sheen::before { animation: none; }
.stonecall-entry[data-motion='off'] :is(.stonecall-lit-scene, .stonecall-sky-light, .stonecall-logo-halo, .stonecall-logo-sheen) { opacity: 0; }
.stonecall-entry[data-motion='off'] .stonecall-embers { display: none; }

.stonecall-entry-header,
.stonecall-entry-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: 1480px;
  margin-inline: auto;
}

.stonecall-header-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0;
  color: #e3cfaa;
  font: 600 15px Georgia, 'Times New Roman', serif;
  letter-spacing: 0.23em;
}

.stonecall-header-sigil {
  display: block;
  width: 14px;
  height: 22px;
  background: linear-gradient(108deg, #a18d6c 38%, #f3aa63 42%, #e15b2e 47%, #4d4a43 50%);
  clip-path: polygon(49% 0, 82% 20%, 100% 64%, 60% 100%, 9% 83%, 0 35%);
}

html[data-metin-ui] .stonecall-motion-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 8px 13px;
  border: 1px solid #a98b594d;
  border-radius: 3px;
  background: #0b1118a8;
  color: #d4c9b5;
  font: 12px var(--metin-font);
  cursor: pointer;
}

html[data-metin-ui] .stonecall-motion-toggle:hover { border-color: #c6a776; background: #20232bdd; }
.stonecall-motion-toggle:focus-visible { outline: 2px solid #e3be84; outline-offset: 3px; }
.stonecall-motion-dot { width: 5px; height: 5px; border-radius: 50%; background: #e49f5d; box-shadow: 0 0 7px #ee824999; }
.stonecall-motion-toggle[aria-pressed='false'] .stonecall-motion-dot { background: #7d8387; box-shadow: none; }
.stonecall-motion-state { color: #f1cb92; font-size: 10px; }
.stonecall-motion-toggle[aria-pressed='false'] .stonecall-motion-state { color: #a4aab0; }

.stonecall-entry-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(370px, 450px);
  align-items: center;
  gap: clamp(36px, 5vw, 100px);
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
  padding-block: 36px;
}

.stonecall-story { align-self: start; padding-block-start: clamp(12px, 5vh, 80px); text-align: center; max-width: 640px; }
.stonecall-eyebrow { margin: 0 0 15px; color: #d8c9a9; font-size: 10px; line-height: 1.6; letter-spacing: 0.3em; text-transform: uppercase; text-shadow: 0 2px 6px #000; }
.stonecall-wordmark { display: block; width: 100%; height: auto; filter: drop-shadow(0 5px 12px #060a10b3); }
.stonecall-logo { position: relative; isolation: isolate; }
.stonecall-logo-halo {
  --stonecall-cycle: 3.2s;
  position: absolute;
  inset: 0 -6% -15%;
  z-index: -1;
  background: radial-gradient(ellipse 19% 43% at 50% 22%, #ff3b1ac4, transparent 78%),
    radial-gradient(ellipse 48% 25% at 50% 70%, #f3a33391, transparent 85%);
  filter: blur(14px);
  animation: stonecall-logo-breathe 3.2s -1s ease-in-out infinite;
}
.stonecall-logo-sheen {
  position: absolute;
  inset: 0;
  pointer-events: none;
  -webkit-mask: url('/stonecall/wordmark-v1.webp') center / 100% 100% no-repeat;
  mask: url('/stonecall/wordmark-v1.webp') center / 100% 100% no-repeat;
  mix-blend-mode: screen;
}
.stonecall-logo-sheen::before {
  --stonecall-cycle: 4.4s;
  content: '';
  position: absolute;
  inset: -5% auto -5% 0;
  width: 85%;
  background: linear-gradient(108deg, transparent 15%, #ff8b36b3 34%, #fff3c9f2 48%, #8ee5f0d9 58%, transparent 78%);
  animation: stonecall-logo-sweep 4.4s -1.2s ease-in-out infinite;
}
.stonecall-call { margin: 24px 0 6px; color: #eee2c6; font: 400 clamp(19px, 2.2vw, 29px)/1.35 Georgia, 'Times New Roman', serif; text-shadow: 0 2px 6px #000; }
.stonecall-legend { margin: 0; color: #c1c6c6; font-size: 13px; line-height: 1.6; text-shadow: 0 1px 5px #000; }

html[data-metin-ui] .stonecall-entry ._content_2kd2g_71 { width: 100%; max-width: none; gap: 0; }
html[data-metin-ui] .stonecall-entry ._panel_2kd2g_95 {
  position: relative;
  border: 1px solid #a7895c94;
  border-image: none;
  border-radius: 3px;
  background: linear-gradient(145deg, #1a2028f5, #0b1016f7 65%);
  box-shadow: 0 24px 70px #0008, inset 0 0 0 4px #0a0e1566, inset 0 0 0 5px #b28b4a1a;
}

html[data-metin-ui] .stonecall-entry ._panel_2kd2g_95::before {
  content: '';
  position: absolute;
  inset: -1px 20% auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e7c392, transparent);
}

html[data-metin-ui] .stonecall-entry ._panelBody_2kd2g_101,
html[data-metin-ui] .stonecall-entry ._panelBody_2kd2g_101:has(._root_zdwj9_1) { padding: clamp(22px, 2.4vw, 38px); gap: 16px; }
html[data-metin-ui] .stonecall-entry :is(._root_zdwj9_1, ._root_45j1f_1) { gap: 24px; }
html[data-metin-ui] .stonecall-entry :is(._title_zdwj9_8, ._title_45j1f_8, ._root_1t09j_1 h1) {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0 0 18px;
  border: 0;
  border-bottom: 1px solid #b4966038;
  border-image: none;
  background: none;
  color: var(--stonecall-ivory);
  font: 400 27px/1.3 Georgia, 'Times New Roman', serif;
  text-shadow: 0 2px 5px #0005;
}

html[data-metin-ui] .stonecall-entry ._form_zdwj9_17 { gap: 18px; }
html[data-metin-ui] .stonecall-entry ._form_zdwj9_17 > ._root_fldva_1 { grid-template-columns: minmax(0, 1fr); gap: 7px; }
html[data-metin-ui] .stonecall-entry ._form_zdwj9_17 :is(._errorText_fldva_133, ._helperText_fldva_138) { grid-column: 1; }
html[data-metin-ui] .stonecall-entry :is(._field_fldva_16, ._field_nq3d8_16) {
  min-height: 46px;
  border: 1px solid #77808770;
  border-image: none;
  border-radius: 2px;
  background: #090e14bf;
  box-shadow: inset 0 2px 6px #0005;
}

html[data-metin-ui] .stonecall-entry ._field_fldva_16:focus-within { border-color: #e2b777; box-shadow: 0 0 0 2px #b48a4130; }
html[data-metin-ui] .stonecall-entry input:not([type='checkbox']) { font-size: 16px; }
html[data-metin-ui] .stonecall-entry ._field_fldva_16 button { min-width: 44px; min-height: 44px; }
html[data-metin-ui] .stonecall-entry form button[type='submit'] {
  width: 100%;
  min-height: 46px;
  height: auto;
  margin-top: 4px;
  border: 1px solid #d5ab68;
  border-image: none;
  border-radius: 2px;
  background: linear-gradient(#9d713f, #674021);
  color: #fff1d4;
  box-shadow: inset 0 1px #f6dba34d, 0 3px 10px #0005;
  font: 600 14px var(--metin-font);
  text-shadow: 0 1px 2px #000;
}

html[data-metin-ui] .stonecall-entry form button[type='submit']:hover:not(:disabled) { background: linear-gradient(#b78a50, #81522b); }
html[data-metin-ui] .stonecall-entry form button[type='submit']:focus-visible { outline: 2px solid #f1d7a3; outline-offset: 3px; }
html[data-metin-ui] .stonecall-entry :is(._consentGroup_45j1f_68, ._passwordHint_45j1f_61) { color: #bcc0be; }
html[data-metin-ui] .stonecall-entry ._consentGroup_45j1f_68 { border-color: #a18a5c45; background: #0b101878; }
.stonecall-entry-footer { color: #a8b0b1; font-size: 10px; line-height: 1.6; letter-spacing: 0.1em; text-shadow: 0 1px 4px #000; }
.stonecall-entry-footer > :first-child { color: #c3ad87; letter-spacing: 0.25em; }

/* Keep the local mailbox shortcut below the page instead of over form controls. */
html[data-metin-ui]:has(.stonecall-entry) .local-server-badge {
  position: static;
  width: fit-content;
  margin: 0 auto;
  padding: 5px 9px;
  border: 0;
  background: #0b1015;
  color: #b7a486;
  font-size: 10px;
}

@keyframes stonecall-crack-pulse { 0%, 100% { opacity: 0.12; } 45% { opacity: 1; } 65% { opacity: 0.7; } }
@keyframes stonecall-breathe { 0%, 100% { opacity: 0.2; } 45% { opacity: 0.9; } 65% { opacity: 0.55; } }
@keyframes stonecall-sky-breathe { from { transform: translate3d(-2%, -1%, 0); opacity: 0.2; } to { transform: translate3d(2%, 1%, 0); opacity: 0.7; } }
@keyframes stonecall-logo-breathe { 0%, 100% { transform: scale(0.96); opacity: 0.25; } 45% { transform: scale(1.04); opacity: 0.95; } 65% { transform: scale(1.01); opacity: 0.6; } }
@keyframes stonecall-logo-sweep { 0% { transform: translate3d(-125%, 0, 0); } 68%, 100% { transform: translate3d(235%, 0, 0); } }
@keyframes stonecall-mist { from { transform: translate3d(-4%, 0, 0); opacity: 0.3; } to { transform: translate3d(5%, -3%, 0); opacity: 0.75; } }
@keyframes stonecall-ember { 0% { transform: translate3d(0, 0, 0); opacity: 0; } 12% { opacity: 0.75; } 70% { opacity: 0.4; } 100% { transform: translate3d(var(--drift), -75vh, 0); opacity: 0; } }

@media (min-width: 1600px) {
  .stonecall-entry-layout { grid-template-columns: minmax(0, 1fr) 470px; }
}

@media (max-width: 1023px) {
  html[data-metin-ui] .stonecall-entry { gap: 12px; padding: 16px max(22px, env(safe-area-inset-right)) 32px max(22px, env(safe-area-inset-left)); }
  .stonecall-entry-layout { grid-template-columns: minmax(0, 1fr); justify-items: center; gap: 26px; max-width: 500px; padding-block: 8px 22px; }
  .stonecall-story { padding: 0; width: min(100%, 360px); }
  .stonecall-scene { background-position: center, center, 25% center; }
  .stonecall-lit-scene { background-position: 25% center; -webkit-mask-position: 25% center; mask-position: 25% center; }
  .stonecall-eyebrow { font-size: 9px; margin-bottom: 9px; letter-spacing: 0.23em; }
  .stonecall-call { margin-top: 12px; font-size: 21px; }
  .stonecall-legend { font-size: 12px; }
  .stonecall-stone-glow { background: radial-gradient(ellipse 55% 36% at 35% 43%, #ff5b275c, transparent 80%); }
  .stonecall-embers i:nth-child(n+17) { display: none; }
}

@media (max-width: 480px) {
  html[data-metin-ui] .stonecall-entry { gap: 8px; padding: max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 36px max(14px, env(safe-area-inset-left)); }
  .stonecall-entry-header { justify-content: flex-end; }
  .stonecall-header-brand { display: none; }
  html[data-metin-ui] .stonecall-motion-toggle { min-height: 44px; padding: 7px 10px; font-size: 10px; }
  .stonecall-entry-layout { align-self: start; align-content: start; gap: 22px; padding-block: 0 20px; }
  .stonecall-story { width: min(100%, 300px); }
  .stonecall-eyebrow { margin-bottom: 5px; font-size: 8px; letter-spacing: 0.2em; }
  .stonecall-call { margin-top: 12px; font-size: 19px; }
  .stonecall-legend { font-size: 11px; }
  html[data-metin-ui] .stonecall-entry ._panelBody_2kd2g_101,
  html[data-metin-ui] .stonecall-entry ._panelBody_2kd2g_101:has(._root_zdwj9_1) { padding: 23px 19px; }
  html[data-metin-ui] .stonecall-entry :is(._title_zdwj9_8, ._title_45j1f_8, ._root_1t09j_1 h1) { font-size: 25px; padding-bottom: 16px; }
  html[data-metin-ui] .stonecall-entry ._passwordRow_45j1f_46 { grid-template-columns: minmax(0, 1fr); }
  .stonecall-entry-footer { justify-content: center; font-size: 9px; }
  .stonecall-entry-footer > :first-child { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  /* The pinned base theme forces every animation to 0.01ms/one iteration.
     Override only these decorative effects after the player explicitly enables them. */
  .stonecall-entry[data-motion='on'][data-motion-user='on'] :is(.stonecall-fog, .stonecall-stone-glow, .stonecall-lit-scene, .stonecall-sky-light, .stonecall-embers i, .stonecall-logo-halo),
  .stonecall-entry[data-motion='on'][data-motion-user='on'] .stonecall-logo-sheen::before {
    animation-duration: var(--stonecall-cycle) !important;
    animation-iteration-count: infinite !important;
  }
  .stonecall-entry:not([data-motion-user='on']) :is(.stonecall-fog, .stonecall-stone-glow, .stonecall-lit-scene, .stonecall-sky-light, .stonecall-embers i, .stonecall-logo-halo),
  .stonecall-entry:not([data-motion-user='on']) .stonecall-logo-sheen::before { animation: none !important; }
  .stonecall-entry:not([data-motion-user='on']) :is(.stonecall-lit-scene, .stonecall-sky-light, .stonecall-logo-halo, .stonecall-logo-sheen) { opacity: 0; }
  .stonecall-entry:not([data-motion-user='on']) .stonecall-embers { display: none; }
}

@media (forced-colors: active) {
  .stonecall-scene { display: none; }
  html[data-metin-ui] .stonecall-entry ._panel_2kd2g_95,
  html[data-metin-ui] .stonecall-entry .stonecall-motion-toggle { border: 1px solid CanvasText; background: Canvas; color: CanvasText; }
  .stonecall-wordmark { forced-color-adjust: none; }
}

/* Shared Stonecall identity outside the animated sign-in scene. */
html[data-metin-ui] .stonecall-shell-logo {
  display: block;
  width: 130px;
  height: 44px;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 2px 3px #0009);
}

html[data-metin-ui] .stonecall-flow-logo {
  display: block;
  width: min(100%, 240px);
  height: auto;
  margin: 0 auto 12px;
  filter: drop-shadow(0 3px 6px #0009);
}

html[data-metin-ui] ._headerMain_1cpsm_13 .stonecall-flow-logo { width: min(100%, 200px); margin-inline: 0; }
html[data-metin-ui] .stonecall-loading-logo { display: block; width: min(70%, 170px); height: auto; margin: 0 auto 10px; }
html[data-metin-ui] .stonecall-mailbox-logo { display: block; width: min(85%, 220px); height: auto; margin: 0 auto 14px; }
html[data-metin-ui] .stonecall-document-logo { display: block; width: min(70%, 220px); height: auto; margin: 0 auto 16px; }

html[data-metin-ui] ._menuTitle_v835w_126::before,
html[data-metin-ui] ._title_1yy3m_141::before {
  content: '';
  display: inline-block;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: url('/stonecall/mark-v1.svg') center / contain no-repeat;
  vertical-align: middle;
  margin-inline-end: 5px;
}

@media (max-width: 767px) {
  html[data-metin-ui] .stonecall-flow-logo { width: min(100%, 205px); }
  html[data-metin-ui] ._headerMain_1cpsm_13 .stonecall-flow-logo { width: min(100%, 170px); }
}

@media (min-width: 768px) {
  html[data-metin-ui] ._brand_1v0xl_125 {
    position: relative;
    left: auto;
    transform: none;
    flex: 0 0 130px;
    margin-inline: 8px;
  }
  html[data-metin-ui] ._right_1v0xl_322 { flex: 0 0 auto; }
}

@media (min-width: 768px) and (max-width: 1199px) {
  html[data-metin-ui] ._brand_1v0xl_125 { display: none; }
}

/* Native CreateCharacterWindow: class/sex on the left, actor in the world,
   description and CON/INT/STR/DEX gauges on the right, name and actions below. */
.metin-equipped-preview { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.metin-equipped-preview > .metin-create-model { flex: 1; }
.metin-equipped-error { margin: 10px 0; text-align: center; color: #ebc0a1; font-size: 12px; }
.metin-equipped-caption { padding: 12px; border-top: 1px solid #86704d66; background: #0b0a08d9; font-size: 12px; }
.metin-equipped-caption dl { display: grid; gap: 9px; margin: 0 0 12px; }
.metin-equipped-caption dl > div { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 8px; }
.metin-equipped-caption dt { color: #bca780; }
.metin-equipped-caption dd { margin: 0; color: #e6d6b9; overflow-wrap: anywhere; }
.metin-equipped-caption a { display: grid; min-height: 44px; place-items: center; padding: 5px 10px; text-align: center; text-decoration: none; }
html[data-metin-ui] .metin-create-page {
  --create-world: url('/metin-ui/entry/chunjo.jpg');
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  height: 100dvh;
  overflow: auto;
  padding: max(16px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right))
    max(30px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
  color: var(--metin-text);
  font: 14px/1.4 var(--metin-font);
}
.metin-create-page[data-empire='shinsoo'] { --create-world: url('/metin-ui/entry/shinsoo.jpg'); }
.metin-create-page[data-empire='jinno'] { --create-world: url('/metin-ui/entry/jinno.jpg'); }
.metin-create-backdrop {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#080b1026, #0d0b094d 65%, #0c090be0), #2d3233 var(--create-world) center / cover no-repeat;
}
.metin-create-header {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr) 210px;
  align-items: center;
  gap: 20px;
  width: min(100%, 1500px);
  margin: 0 auto 18px;
  flex: 0 0 auto;
}
html[data-metin-ui] .metin-create-header .stonecall-flow-logo { width: 175px; margin: 0; }
html[data-metin-ui] .metin-create-header h1 { justify-self: center; margin: 0; padding: 6px 30px; font-size: 20px; text-align: center; }
.metin-create-empire { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: 0; color: #f2d29a; text-shadow: 0 1px 4px #000; font-weight: 700; }
.metin-create-empire img { object-fit: contain; }
.metin-create-form { display: flex; flex: 1 0 auto; flex-direction: column; gap: 14px; width: min(100%, 1500px); min-width: 0; margin: 0 auto; }
.metin-create-layout { display: grid; grid-template-columns: 230px minmax(260px, 1fr) 285px; gap: 22px; align-items: center; flex: 1 0 auto; min-width: 0; }
.metin-create-board { min-width: 0; padding: 10px; }
.metin-create-board h2 { margin: 0 0 12px; padding: 4px 12px; font-size: 15px; text-align: center; }
.metin-create-choices { display: grid; gap: 14px; }
.metin-create-classes { display: grid; gap: 9px; }
html[data-metin-ui] .metin-create-class {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 58px;
  padding: 5px 10px;
  border: 1px solid #74613d;
  border-radius: 0;
  background: linear-gradient(#2d261bdd, #100d0ae8);
  color: #e7d3ac;
  text-align: left;
  font: 700 14px var(--metin-font);
  box-shadow: inset 0 0 0 1px #100c09;
  cursor: pointer;
}
.metin-create-class img { flex-shrink: 0; width: 43px; height: 43px; object-fit: contain; image-rendering: auto; }
html[data-metin-ui] .metin-create-class:hover:not(:disabled) { border-color: #d1b372; background: linear-gradient(#4c3b24dd, #20180ff2); }
html[data-metin-ui] .metin-create-class[aria-checked='true'] { border-color: #e1bc70; background: linear-gradient(#654923dc, #302212f2); color: #fff3c9; box-shadow: inset 0 0 0 1px #b58b49, 0 0 10px #bd8d3e45; }
.metin-create-class:focus-visible { outline: 2px solid #ffe0a2; outline-offset: 3px; }
.metin-create-gender { margin: 0; }
.metin-create-gender legend { padding: 0 8px; color: var(--metin-gold); font-weight: 700; }
.metin-create-gender > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
html[data-metin-ui] .metin-create-gender button,
html[data-metin-ui] .metin-create-submit-actions button {
  --create-button: url('/metin-ui/large-button-normal.png');
  min-width: 0;
  min-height: 44px;
  padding: 6px 12px;
  border: 0 solid transparent;
  border-image: var(--create-button) 5 11 fill / 5px 11px stretch;
  border-radius: 0;
  background: transparent;
  color: var(--metin-text);
  font: 700 13px var(--metin-font);
  text-shadow: 0 1px 1px #000;
  cursor: pointer;
}
html[data-metin-ui] .metin-create-gender button { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; padding-inline: 4px; font-size: 11px; }
.metin-create-gender button > span { font-size: 21px; line-height: 1; }
html[data-metin-ui] .metin-create-gender button:hover:not(:disabled),
html[data-metin-ui] .metin-create-submit-actions button:hover:not(:disabled) { --create-button: url('/metin-ui/large-button-hover.png'); }
html[data-metin-ui] .metin-create-gender button[aria-checked='true'],
html[data-metin-ui] .metin-create-submit-actions button:active:not(:disabled) { --create-button: url('/metin-ui/large-button-pressed.png'); color: #ffe5a2; }
.metin-create-page button:disabled { cursor: default; opacity: 0.6; }
.metin-create-page button:focus-visible { outline: 2px solid #f4d08f; outline-offset: 3px; }
.metin-create-model { position: relative; align-self: stretch; min-width: 0; min-height: clamp(420px, 62vh, 730px); outline-offset: -5px; }
.metin-create-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }
.metin-create-model[data-state='loading'] .metin-create-canvas { opacity: 0.35; }
.metin-create-shadow { position: absolute; inset: auto 18% 5%; height: 9%; border-radius: 50%; background: radial-gradient(ellipse, #070a0b85, #090b0c22 45%, transparent 72%); pointer-events: none; }
.metin-create-loading, .metin-create-model-error { position: absolute; top: 40%; left: 5%; right: 5%; margin: 0; color: #f6dfb5; text-shadow: 0 1px 6px #000, 0 0 8px #000; text-align: center; }
.metin-create-model-error { display: grid; gap: 12px; justify-items: center; }
.metin-create-model-error p { margin: 0; }
.metin-create-rotation { position: absolute; bottom: 0; left: 0; right: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr) 64px; align-items: center; gap: 8px; text-align: center; }
.metin-create-rotation > span { font-size: 11px; color: #e6d3ae; text-shadow: 0 1px 4px #000, 0 0 8px #000; }
html[data-metin-ui] .metin-create-rotation .metin-roster-arrow { position: relative; width: 64px; min-width: 44px; min-height: 44px; }
.metin-create-description { align-self: center; }
.metin-create-primary { margin: 4px 2px 12px; color: #e2bd76; font-weight: 700; text-align: center; }
.metin-create-copy { margin: 0 3px 18px; color: #e5dbc5; font-size: 13px; line-height: 1.65; }
.metin-create-lore > summary { display: none; }
.metin-create-description h3 { margin: 0 0 10px; padding-top: 12px; border-top: 1px solid #82704d77; color: #e9d6ad; text-align: center; font-size: 13px; }
.metin-create-attributes { display: grid; gap: 9px; margin: 0; }
.metin-create-attributes > div { display: grid; grid-template-columns: 32px minmax(0, 1fr); gap: 7px; align-items: center; }
.metin-create-attributes dt { font-size: 12px; color: #d2bb8d; }
.metin-create-attributes dd { display: grid; grid-template-columns: minmax(0, 1fr) 15px; gap: 7px; align-items: center; margin: 0; font-size: 12px; }
.metin-create-gauge { height: 10px; background: #080705 url('/metin-ui/gauge-slot.png') left center / 16px 100% repeat-x; }
.metin-create-gauge i { display: block; height: 100%; background: var(--gauge-color, #a2514a); box-shadow: inset 0 1px #ffffff36, inset 0 -1px #0006; }
.metin-create-attributes [data-attribute='vitality'] { --gauge-color: #b95b5b; }
.metin-create-attributes [data-attribute='intelligence'] { --gauge-color: #9b68b3; }
.metin-create-attributes [data-attribute='strength'] { --gauge-color: #6f83c9; }
.metin-create-attributes [data-attribute='dexterity'] { --gauge-color: #6b9c6a; }
.metin-create-footer { display: grid; grid-template-columns: minmax(250px, 1fr) auto; gap: 5px 28px; width: min(100%, 850px); margin: 0 auto; padding: 14px 20px; }
.metin-create-name { display: grid; grid-template-columns: auto minmax(150px, 1fr); align-items: center; gap: 6px 12px; min-width: 0; }
.metin-create-name > label { color: #ecd19d; font-weight: 700; }
html[data-metin-ui] .metin-create-name input { width: 100%; min-width: 0; min-height: 44px; padding: 8px 12px; border: 1px solid #8e7b56; border-radius: 0; background: #080705; color: #f2e8d6; font: 16px var(--metin-font); }
.metin-create-name input:focus { outline: 1px solid #f2cd83; outline-offset: 2px; }
.metin-create-name-feedback { grid-column: 1 / -1; min-height: 18px; color: #bcae96; font-size: 11px; }
.metin-create-name-feedback p { margin: 0; }
.metin-create-name-feedback [role='alert'], .metin-create-error { color: #f0a38d; }
.metin-create-submit-actions { display: flex; gap: 12px; align-items: start; }
html[data-metin-ui] .metin-create-submit-actions button { min-width: 130px; }
.metin-create-warning { grid-column: 1 / -1; margin: 2px 0 0; color: #bda981; text-align: center; font-size: 11px; }
.metin-create-error { grid-column: 1 / -1; margin: 0; text-align: center; }
html[data-metin-ui]:has(.metin-create-page) .local-server-badge { display: none; }

@media (max-width: 1100px) {
  .metin-create-header { grid-template-columns: 180px minmax(0, 1fr) 130px; }
  .metin-create-layout { grid-template-columns: 200px minmax(240px, 1fr) 240px; gap: 12px; }
  .metin-create-copy { font-size: 12px; line-height: 1.55; }
}
@media (max-width: 767px) {
  html[data-metin-ui] .metin-create-page { padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left)); }
  .metin-create-header { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; margin-bottom: 8px; }
  html[data-metin-ui] .metin-create-header .stonecall-flow-logo { width: 135px; }
  html[data-metin-ui] .metin-create-header h1 { grid-column: 1 / -1; grid-row: 2; font-size: 17px; padding: 4px 24px; }
  .metin-create-empire { font-size: 12px; }
  .metin-create-layout { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .metin-create-choices { grid-template-columns: minmax(0, 1fr); order: 1; gap: 10px; }
  .metin-create-choices h2 { margin-bottom: 9px; font-size: 14px; }
  .metin-create-classes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  html[data-metin-ui] .metin-create-class { gap: 5px; min-height: 54px; padding: 4px 6px; font-size: 12px; }
  .metin-create-class img { width: 38px; height: 38px; }
  .metin-create-model { order: 0; min-height: 320px; height: min(45vh, 400px); }
  .metin-create-description { order: 2; }
  .metin-create-gender > div { gap: 10px; }
  html[data-metin-ui] .metin-create-gender button { flex-direction: row; min-height: 44px; gap: 7px; font-size: 12px; }
  .metin-create-copy { font-size: 13px; line-height: 1.6; }
  .metin-create-lore > summary { display: list-item; min-height: 44px; padding: 12px 8px; color: #efd09c; cursor: pointer; }
  .metin-create-description h3 { padding-top: 10px; }
  .metin-create-footer { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 14px; }
  .metin-create-name { grid-template-columns: minmax(0, 1fr); gap: 6px; }
  .metin-create-name-feedback { grid-column: 1; }
  .metin-create-submit-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html[data-metin-ui] .metin-create-submit-actions button { width: 100%; min-width: 0; padding-inline: 6px; }
  .metin-create-warning { font-size: 10px; }
}
@media (min-width: 768px) and (max-height: 700px) {
  .metin-create-model { min-height: 360px; }
  .metin-create-layout { align-items: start; }
}
@media (max-width: 767px) and (orientation: landscape) {
  .metin-create-model { height: 340px; min-height: 340px; }
}

/* SelectCharacterWindow: account slots, equipped actor and actual attributes. */
html[data-metin-ui] .metin-select-page { height: calc(100dvh - var(--select-cookie-height, 0px)); }
.metin-select-layout { display: grid; grid-template-columns: 265px minmax(240px, 1fr) 285px; gap: 22px; align-items: center; flex: 1 0 auto; width: min(100%, 1500px); margin: 0 auto 14px; min-width: 0; }
.metin-select-roster, .metin-select-details { align-self: center; }
.metin-select-slots-used { margin: 0 0 12px; text-align: center; color: #d4bb8c; font-size: 12px; }
.metin-select-slots { display: grid; gap: 10px; }
html[data-metin-ui] .metin-select-slot { display: flex; align-items: center; gap: 9px; min-width: 0; width: 100%; min-height: 90px; padding: 9px 10px; border: 1px solid #74613d; border-radius: 0; background: linear-gradient(#2d261bdd, #100d0ae8); color: #e7d3ac; text-align: left; font: 13px var(--metin-font); box-shadow: inset 0 0 0 1px #100c09; cursor: pointer; }
html[data-metin-ui] .metin-select-slot:hover:not(:disabled) { border-color: #d1b372; background: linear-gradient(#4c3b24dd, #20180ff2); }
html[data-metin-ui] .metin-select-slot[aria-checked='true'] { border-color: #e1bc70; background: linear-gradient(#654923dc, #302212f2); color: #fff3c9; box-shadow: inset 0 0 0 1px #b58b49, 0 0 10px #bd8d3e45; }
.metin-select-slot-number { flex: 0 0 15px; color: #d8b575; text-align: center; font: 18px var(--metin-heading-font); }
.metin-select-slot-copy { display: grid; gap: 2px; min-width: 0; overflow-wrap: anywhere; }
.metin-select-slot-copy strong { font-size: 15px; }
.metin-select-slot ._root_s6nlu_6 { flex-shrink: 0; background: var(--select-face) center / 100% 100% no-repeat; }
.metin-select-slot ._fallback_s6nlu_62 { visibility: hidden; }
.metin-select-slot-copy > span { color: #cab28b; font-size: 11px; }
html[data-metin-ui] .metin-select-empty-slot { color: #a18e70; min-height: 76px; border-style: dashed; }
.metin-select-empty-plus { flex: 0 0 40px; text-align: center; color: #bd9d60; font-size: 32px; line-height: 1; }
.metin-select-slot-navigation { display: grid; grid-template-columns: 64px 1fr 64px; gap: 10px; align-items: center; margin-top: 10px; text-align: center; color: #d3ba8f; font-size: 12px; }
html[data-metin-ui] .metin-select-slot-navigation .metin-roster-arrow { position: relative; width: 64px; min-width: 44px; min-height: 44px; }
.metin-select-actor { display: flex; flex-direction: column; align-self: stretch; min-width: 0; }
.metin-select-actor .metin-create-model { flex: 1; }
.metin-select-classplate { display: block; width: auto; max-width: 100%; max-height: 56px; object-fit: contain; margin: 10px auto 6px; }
.metin-select-specialization, .metin-select-level { margin: 4px 0; text-align: center; color: #e9cc91; font-weight: 700; }
.metin-select-level { font-size: 16px; }
.metin-select-activity { margin: 8px 0; text-align: center; color: #dfbd7e; font-size: 12px; }
.metin-select-details h3 { margin: 16px 0 10px; border-top: 1px solid #82704d77; padding-top: 12px; color: #e9d6ad; text-align: center; font-size: 13px; }
.metin-select-details .metin-create-attributes dd { grid-template-columns: minmax(0, 1fr) max-content; }
.metin-select-equipment { display: grid; gap: 10px; margin: 0; font-size: 12px; }
.metin-select-equipment dt { color: #bda77f; }
.metin-select-equipment dd { margin: 3px 0 0; color: #e6d6b9; overflow-wrap: anywhere; }
.metin-select-last-active { margin: 16px 0 2px; padding-top: 12px; border-top: 1px solid #82704d77; color: #b4a68b; font-size: 11px; text-align: center; }
.metin-select-data-error { margin: 12px 0; text-align: center; color: #ebc0a1; font-size: 12px; }
.metin-select-welcome { grid-column: 2 / -1; display: grid; align-content: center; justify-items: center; align-self: stretch; gap: 12px; min-height: 420px; padding: 20px; color: #f1dbb3; text-align: center; text-shadow: 0 2px 6px #000; }
.metin-select-welcome h2 { margin: 0; font-size: 24px; }
.metin-select-welcome p { margin: 0; max-width: 380px; line-height: 1.7; }
.metin-select-footer { width: min(100%, 1050px); margin: 0 auto; padding: 12px 18px 16px; }
.metin-select-caption { margin: 0 0 10px; color: #e4c994; text-align: center; font-size: 13px; }
.metin-select-actions { display: grid; grid-template-columns: 1.2fr 1.35fr 1fr 1fr; gap: 12px; }
html[data-metin-ui] .metin-select-actions button { --select-button: url('/metin-ui/large-button-normal.png'); min-width: 0; min-height: 46px; padding: 7px 12px; border: 0 solid transparent; border-image: var(--select-button) 5 11 fill / 5px 11px stretch; border-radius: 0; background: transparent; color: var(--metin-text); font: 700 13px var(--metin-font); text-shadow: 0 1px 1px #000; cursor: pointer; }
html[data-metin-ui] .metin-select-actions button:hover:not(:disabled) { --select-button: url('/metin-ui/large-button-hover.png'); }
html[data-metin-ui] .metin-select-actions button:active:not(:disabled) { --select-button: url('/metin-ui/large-button-pressed.png'); }
html[data-metin-ui] .metin-select-actions .metin-select-enter { color: #ffe2a0; }
html[data-metin-ui] .metin-select-actions .metin-select-delete { color: #dfb3a1; }
html[data-metin-ui]:has(.metin-select-page) .local-server-badge { display: none; }
@media (max-width: 1100px) and (min-width: 768px) {
  .metin-select-layout { grid-template-columns: 215px minmax(180px, 1fr) 230px; gap: 12px; }
  .metin-select-slot { padding-inline: 5px; gap: 5px; }
  .metin-select-actions { gap: 8px; }
}
@media (max-width: 767px), (max-width: 1024px) and (max-height: 500px) {
  .metin-select-layout { display: flex; flex-direction: column; align-items: stretch; gap: 14px; }
  .metin-select-actor { order: -1; }
  .metin-select-roster, .metin-select-details { align-self: stretch; }
  .metin-select-actor .metin-create-model { flex: none; }
  html[data-metin-ui] .metin-select-slot { min-height: 72px; }
  .metin-select-slot-copy { grid-template-columns: 1fr auto; flex: 1; }
  .metin-select-slot-copy > span:last-child { grid-column: 1 / -1; }
  .metin-select-classplate { max-height: 45px; }
  .metin-select-equipment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metin-select-footer { position: sticky; bottom: calc(-1 * max(30px, env(safe-area-inset-bottom))); z-index: 2; padding: 9px 10px max(12px, env(safe-area-inset-bottom)); background-color: #100d0b; }
  .metin-select-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  html[data-metin-ui] .metin-select-actions button { min-height: 44px; padding-inline: 4px; font-size: 12px; }
  .metin-select-caption { margin-bottom: 7px; font-size: 12px; }
  .metin-select-welcome { min-height: 300px; order: -1; }
}
@media (max-width: 1024px) and (max-height: 500px) and (orientation: landscape) {
  .metin-select-actor .metin-create-model { height: 240px; min-height: 240px; }
  .metin-select-actions { grid-template-columns: 1.2fr 1.35fr 1fr 1fr; }
  .metin-select-footer { bottom: -20px; }
}

/* InventoryWindow: native wear slots, equipped actor and five-column bag. */
html[data-metin-ui] [data-metin-combined='true']:has(> .metin-inventory-window[data-native-equipment]) {
  display: block;
  min-width: 0;
}
html[data-metin-ui] [data-metin-combined='true'] > .metin-inventory-window[data-native-equipment] {
  --metin-equipment-width: 240px;
  --metin-bag-width: 310px;
  --metin-inventory-control-height: 40px;
  container-type: inline-size;
  container-name: inventory-window;
  width: min(100%, 1100px);
  margin-inline: auto;
  padding: 10px 12px 12px;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  grid-area: auto;
}
.metin-inventory-main-content { display: grid; grid-template-columns: minmax(210px, 0.8fr) minmax(240px, 1fr) minmax(270px, 1.05fr); gap: 16px; align-items: start; min-width: 0; }
.metin-inventory-gear, .metin-inventory-bag { min-width: 0; scroll-margin-block-start: 62px; }
.metin-inventory-section-title { margin: 0 0 12px; padding: 6px 8px; color: var(--metin-gold); text-align: center; font: 700 14px var(--metin-font); }
html[data-metin-ui] .metin-inventory-window[data-native-equipment] .metin-inventory-title { position: relative; min-height: 38px; padding-inline: 40px; }
.metin-inventory-close { position: absolute; top: 2px; right: 3px; width: 32px; height: 32px; }
.metin-inventory-jumps { display: none; }
.metin-inventory-jumps-floating { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; position: fixed; z-index: 80; padding: 4px; border: 1px solid #806443; background: var(--metin-board-fill) repeat var(--metin-surface); }
.metin-inventory-jumps button[data-metin-button] {
  display: grid; grid-template-rows: 22px 1fr; place-items: center; gap: 2px;
  min-width: 0; min-height: 48px; padding: 4px 2px;
  text-align: center; font-size: 12px; line-height: 1.15;
}
.metin-inventory-jumps button img { object-fit: contain; }
html[data-metin-ui] .metin-inventory-window[data-native-equipment] ._classic_15mig_21:not(:has(img)) ._slotLabel_15mig_56 { color: transparent; text-shadow: none; }
.metin-inventory-preview { display: flex; flex-direction: column; min-width: 0; align-self: stretch; overflow: hidden; border: 1px solid #806443;
  background: linear-gradient(#09080740, #09080780), url('/metin-ui/entry/chunjo.jpg') center / cover; scroll-margin-block-start: 62px; }
.metin-inventory-preview > h3 { margin: 5px; padding: 6px 8px; text-align: center; color: var(--metin-gold); font: 700 14px var(--metin-font); }
.metin-inventory-preview .metin-create-model { height: 420px; min-height: 370px; }
.metin-inventory-preview-placeholder { min-height: 490px; display: grid; place-items: center; padding: 12px; color: var(--metin-gold); }
.metin-inventory-preview .metin-create-rotation { grid-template-columns: 48px minmax(0, 1fr) 48px; gap: 2px; background: #0b0a0870; }
html[data-metin-ui] .metin-inventory-preview .metin-create-rotation .metin-roster-arrow { width: 48px; }
.metin-inventory-preview .metin-equipped-caption { margin-top: auto; }
.metin-inventory-preview .metin-equipped-caption dl { margin-bottom: 0; }
.metin-inventory-summary { grid-column: 1 / -1; min-width: 0; border-top: 1px solid #80644388; padding-top: 8px; }
.metin-inventory-summary > summary { min-height: 44px; padding: 11px 28px; color: var(--metin-gold); font-weight: 700; cursor: pointer; }
html[data-metin-ui] .metin-inventory-summary > ._summary_12247_52 { width: 100%; max-width: none; margin-top: 8px; border: 0; border-image: none; background: transparent; box-shadow: none; }
html[data-metin-ui] .metin-inventory-window[data-native-equipment] .metin-inventory-wallet { width: min(100%, var(--metin-equipment-width)); gap: 6px; }
html[data-metin-ui] .metin-inventory-window[data-native-equipment] .metin-inventory-wallet > * { min-height: 32px; }
/* This window now shares the normal content area with chat, like CharacterWindow. */
html[data-metin-ui]:has(.metin-inventory-window[data-native-equipment]) ._viewport_t7szp_1 { right: var(--space-4); }
html[data-metin-ui]:has(.metin-inventory-window[data-native-equipment]) ._drawerDesktop_1qjpe_149 { left: calc(15rem + var(--space-4)); right: var(--space-4); width: auto; transform: none; }
@container inventory-window (max-width: 820px) {
  .metin-inventory-main-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metin-inventory-gear { grid-area: 1 / 1; }
  .metin-inventory-bag { grid-area: 1 / 2; }
  .metin-inventory-preview { grid-area: 2 / 1 / auto / -1; }
  .metin-inventory-preview .metin-create-model { height: 330px; min-height: 280px; flex: none; }
  .metin-inventory-preview-placeholder { min-height: 410px; }
  .metin-inventory-preview .metin-equipped-caption dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metin-inventory-jumps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; position: sticky; top: 0; z-index: 3; padding: 4px 0; background: var(--metin-board-fill) repeat var(--metin-surface); }
}
@container inventory-window (max-width: 640px) {
  .metin-inventory-main-content { display: flex; flex-direction: column; gap: 18px; }
  .metin-inventory-main-content > section { width: 100%; }
  .metin-inventory-preview { order: -1; }
  .metin-inventory-preview .metin-create-model { height: 300px; min-height: 280px; }
  .metin-inventory-preview-placeholder { min-height: 380px; }
  .metin-inventory-preview .metin-equipped-caption dl > div { display: block; }
  .metin-inventory-preview .metin-equipped-caption dd { margin-top: 4px; }
}
@media (max-width: 767px), (pointer: coarse) {
  html[data-metin-ui] [data-metin-combined='true'] > .metin-inventory-window[data-native-equipment] { --metin-equipment-width: 256px; --metin-inventory-control-height: 44px; padding: 7px; }
  .metin-inventory-close { top: -3px; right: -3px; width: 44px; height: 44px; }
}

.metin-costume-trigger {
  width: 100%;
  height: 100%;
  min-width: 30px;
  min-height: 30px;
  border: 0;
  background: url('/metin-ui/costume/button-01.png') center / contain no-repeat;
  cursor: pointer;
}
.metin-costume-trigger:hover, .metin-costume-trigger:focus-visible { background-image: url('/metin-ui/costume/button-02.png'); }
.metin-costume-trigger:active, .metin-costume-trigger[aria-expanded='true'] { background-image: url('/metin-ui/costume/button-03.png'); }
.metin-costume-window {
  position: fixed;
  z-index: 85;
  width: 186px;
  display: block;
  text-align: start;
}
.metin-costume-window > header {
  position: relative;
  margin: 3px;
  padding-inline: 20px;
  min-height: 28px;
  display: grid;
  place-items: center;
}
.metin-costume-window h2, .metin-costume-options h3 { margin: 0; font-size: 13px; color: var(--metin-gold); }
.metin-costume-window > header button { position: absolute; inset: 0 0 auto auto; width: 25px; height: 26px; }
.metin-costume-content { display: grid; justify-items: center; gap: 6px; padding: 6px 8px 8px; }
.metin-costume-board {
  --costume-pixel: 1px;
  width: calc(115 * var(--costume-pixel));
  height: calc(132 * var(--costume-pixel));
  position: relative;
  background: url('/metin-ui/costume/board.jpg') center / 100% 100% no-repeat;
}
.metin-costume-slot {
  position: absolute;
  left: calc(64 * var(--costume-pixel));
  width: calc(32 * var(--costume-pixel));
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.metin-costume-slot[data-costume-slot='hair'] { top: calc(11 * var(--costume-pixel)); height: calc(32 * var(--costume-pixel)); }
.metin-costume-slot[data-costume-slot='body'] { top: calc(48 * var(--costume-pixel)); height: calc(64 * var(--costume-pixel)); }
.metin-costume-slot:hover, .metin-costume-slot:focus-visible { border-color: #d1a662; background: #be9e4230; }
.metin-costume-slot img { width: 100%; max-height: 100%; object-fit: contain; pointer-events: none; }
.metin-costume-content p { margin: 0; font-size: 12px; }
.metin-costume-content p[role='alert'] { color: #f4ad95; }
.metin-costume-options { display: grid; gap: 5px; width: 100%; max-height: min(250px, 35dvh); overflow-y: auto; }
.metin-costume-options button[data-metin-button] {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  min-height: 42px;
  padding: 3px 6px;
  font-size: 12px;
  line-height: 1.18;
  text-align: start;
}
.metin-costume-options button img { grid-row: span 2; width: 26px; max-height: 44px; object-fit: contain; }
.metin-costume-options button span { grid-column: 2; color: var(--metin-gold); }
.metin-costume-mobile .metin-costume-board { --costume-pixel: 1.45px; }
@media (max-width: 1023px), (pointer: coarse) {
  .metin-costume-trigger { min-width: 44px; min-height: 44px; margin-inline: -4px; }
}

html[data-metin-ui] .stonecall-entry-tools { display: flex; align-items: center; justify-content: flex-end; gap: 14px; min-width: 0; }
html[data-metin-ui] .metin-language-selector { min-width: 0; color: #e9d8b7; }
html[data-metin-ui] .metin-language-selector label { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12px; }
html[data-metin-ui] .metin-language-selector select {
  min-width: 125px; min-height: 44px; max-width: 100%; padding: 7px 28px 7px 10px;
  border: 1px solid #9c8057; border-radius: 2px; background: #161513; color: #f4e4c7;
  font: 600 13px var(--metin-font); cursor: pointer;
}
html[data-metin-ui] .metin-language-selector select:focus-visible { outline: 2px solid #ebca8b; outline-offset: 2px; }
html[data-metin-ui] .metin-language-selector select:disabled { opacity: .6; cursor: wait; }
html[data-metin-ui] .metin-language-selector [role='alert'],
html[data-metin-ui] .metin-language-settings [role='alert'] { margin: 7px 0 0; color: #ffc3b3; font-size: 12px; }
html[data-metin-ui] .metin-language-selector[data-context='form'] label { display: grid; gap: 6px; }
html[data-metin-ui] .metin-language-selector[data-context='form'] select { width: 100%; }
html[data-metin-ui] .metin-language-settings { min-width: 0; padding: 16px; }
html[data-metin-ui] .metin-language-settings h2 { margin: 0 0 9px; color: var(--metin-gold); font-size: 18px; }
html[data-metin-ui] .metin-language-settings > p { font-size: 13px; line-height: 1.5; }
html[data-metin-ui] .metin-language-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
html[data-metin-ui] .metin-language-options button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 70px; padding: 9px; }
html[data-metin-ui] .metin-language-options button > span { color: #bba77e; font-size: 12px; }
html[data-metin-ui] .metin-language-options button[aria-pressed='true'] { outline: 1px solid #dfbc72; outline-offset: -3px; color: #fff0b8; background-color: #493725; }
html[data-metin-ui] .metin-language-settings .metin-chat-translation-settings { margin-top: 16px; }
@media (max-width: 767px) {
  html[data-metin-ui] .metin-language-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  html[data-metin-ui] .stonecall-entry-tools { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 8px; width: 100%; }
  html[data-metin-ui] .stonecall-entry-tools .metin-language-selector label > span { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
  html[data-metin-ui] .stonecall-entry-tools .metin-language-selector select { min-width: 0; width: 100%; }
  html[data-metin-ui] .stonecall-entry-tools .stonecall-motion-toggle { justify-content: center; white-space: normal; }
}

html[data-metin-ui] .metin-combat-scene { margin: 10px 0 16px; min-width: 0; padding: 6px; }
html[data-metin-ui] .metin-combat-scene-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 2px 5px 8px; }
html[data-metin-ui] .metin-combat-scene-toolbar h3 { margin: 0; color: var(--metin-gold); font-size: 16px; }
html[data-metin-ui] .metin-combat-scene-toolbar [role='group'] { display: flex; gap: 4px; }
html[data-metin-ui] .metin-combat-scene-toolbar button { min-height: 44px; min-width: 56px; }
html[data-metin-ui] .metin-combat-scene-toolbar button[aria-pressed='true'] { outline: 1px solid #edc777; outline-offset: -3px; }
html[data-metin-ui] .metin-combat-graphics { margin: 0 0 8px; border: 1px solid #685333; background: #17120ee6; color: #e6d1aa; font-size: 13px; }
html[data-metin-ui] .metin-combat-graphics summary { min-height: 44px; padding: 12px; cursor: pointer; color: var(--metin-gold); box-sizing: border-box; }
html[data-metin-ui] .metin-combat-graphics-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; padding: 0 12px; }
html[data-metin-ui] .metin-combat-graphics label { display: grid; gap: 5px; min-width: 0; }
html[data-metin-ui] .metin-combat-graphics select { width: 100%; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #8a6e40; border-radius: 2px; background: #221a12; color: #f6e5c5; font: inherit; }
html[data-metin-ui] .metin-combat-graphics label.metin-combat-graphics-check { display: flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; }
html[data-metin-ui] .metin-combat-graphics input[type='checkbox'] { width: 20px; height: 20px; flex: 0 0 20px; accent-color: #c89a4e; }
html[data-metin-ui] .metin-combat-graphics p { margin: 8px 12px; color: #c8b694; font-size: 12px; line-height: 1.5; }
html[data-metin-ui] .metin-combat-graphics footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 0 12px 12px; }
html[data-metin-ui] .metin-combat-graphics small { flex: 1 1 180px; }
html[data-metin-ui] .metin-combat-graphics button { min-height: 44px; max-width: 100%; }
html[data-metin-ui] .metin-combat-graphics :is(select,input,button,summary):focus-visible { outline: 2px solid #edc777; outline-offset: 2px; }
html[data-metin-ui] .metin-combat-stage { position: relative; isolation: isolate; width: 100%; min-width: 0; aspect-ratio: 16 / 10; min-height: 340px; max-height: 78dvh; overflow: hidden; background: #171c16; border: 1px solid #79633c; }
html[data-metin-ui] .metin-combat-stage > canvas { display: block; width: 100%; height: 100%; touch-action: pan-y; }
html[data-metin-ui] .metin-combat-scene-labels { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 1; }
html[data-metin-ui] .metin-scene-label { position: absolute; top: 0; left: 0; display: grid; gap: 3px; justify-items: center; min-width: 75px; max-width: 180px; color: #ff9982; font: 700 12px/1.15 Arial,sans-serif; text-align: center; text-shadow: 1px 1px #000,-1px -1px #000,0 2px 3px #000; }
html[data-metin-ui] .metin-scene-label[hidden], html[data-metin-ui] .metin-scene-damage[hidden], html[data-metin-ui] .metin-scene-waiting[hidden] { display: none; }
html[data-metin-ui] .metin-scene-player { color: #d8f3cc; }
html[data-metin-ui] .metin-scene-hp { display: block; width: 70px; height: 5px; border: 1px solid #0a0502; background: #250803; box-shadow: 0 1px 2px #000; }
html[data-metin-ui] .metin-scene-hp i { display: block; width: 100%; height: 100%; transform-origin: left; background: linear-gradient(#e86536,#a52b1c); }
html[data-metin-ui] .metin-scene-player .metin-scene-hp i { background: linear-gradient(#cc3d32,#8d1715); }
html[data-metin-ui] .metin-scene-cast { display: block; min-width: 82px; padding: 2px 4px; border: 1px solid #a77d36; color: #ffe3ad; font-size: 10px; background: linear-gradient(to right,#805b22 var(--cast-progress,0%),#231b10 var(--cast-progress,0%)); }
html[data-metin-ui] .metin-scene-cast[hidden] { display: none; }
html[data-metin-ui] .metin-scene-damage { position: absolute; top: 0; left: 0; color: #ffe680; font: 800 22px/1 Georgia,serif; text-shadow: -1px -1px #2a1304,1px 1px #2a1304,0 2px 2px #000; }
html[data-metin-ui] .metin-scene-damage.critical { color: #ffcd36; font-size: 29px; }
html[data-metin-ui] .metin-scene-damage.incoming { color: #ff7968; }
html[data-metin-ui] .metin-scene-damage.healing { color: #9aef8b; font-size: 17px; }
html[data-metin-ui] .metin-combat-camera { position: absolute; inset: auto 6px 40px; display: flex; gap: 4px; align-items: center; justify-content:flex-end; z-index: 3; pointer-events: none; }
html[data-metin-ui] .metin-combat-camera > span { flex: 1; min-width: 0; color: #f6e9c9; font-size: 11px; text-shadow: 0 1px 3px #000; }
html[data-metin-ui] .metin-combat-camera button { min-width: 44px; min-height: 44px; padding: 3px; pointer-events: auto; font-size: 21px; }
html[data-metin-ui] .metin-combat-camera button[aria-pressed='true'] { outline:1px solid #edc777;outline-offset:-3px;color:#ffe7a7; }
html[data-metin-ui] .metin-combat-scene-message { position: absolute; z-index: 4; inset: 0; display: flex; gap: 12px; flex-direction: column; align-items: center; justify-content: center; padding: 20px; text-align: center; margin: 0; color: #ecd6ab; background: #151512dc; }
html[data-metin-ui] .metin-combat-scene-message button { min-height: 44px; min-width: 100px; }
html[data-metin-ui] .metin-combat-scene-off { margin: 0; padding: 12px; color: #b6a080; font-size: 13px; }
html[data-metin-ui] .metin-scene-waiting { position: absolute; top: 8px; left: 50%; transform: translateX(-50%); margin: 0; padding: 5px 12px; color: #e9c580; background: #140e08bf; font-size: 12px; text-align: center; }
html[data-metin-ui] .metin-combat-stage:fullscreen { width: 100vw; height: 100dvh; max-height: none; aspect-ratio: auto; }
@media (max-width: 767px) {
  html[data-metin-ui] .metin-combat-graphics-fields { grid-template-columns: minmax(0,1fr); }
  html[data-metin-ui] .metin-combat-stage { aspect-ratio: 1; min-height: 320px; max-height: 74dvh; }
  html[data-metin-ui] .metin-combat-camera > span { display:none; }
  html[data-metin-ui] .metin-scene-label { font-size: 10px; max-width: 110px; }
  html[data-metin-ui] .metin-scene-damage { font-size: 18px; }
}
/* Native mt2009 overhead order: guild above Lv / alignment title / name. */
html[data-metin-ui] .metin-scene-label { font-family: Tahoma,Arial,sans-serif; font-weight: 600; color: #eb1609; max-width: 210px; gap: 2px; }
html[data-metin-ui] .metin-scene-player { color: #ffd74c; }
html[data-metin-ui] .metin-name-identity { display: flex; align-items: baseline; justify-content: center; gap: 4px; max-width: 100%; min-width: 0; white-space: nowrap; }
html[data-metin-ui] .metin-name-level { color: #98ff33; flex-shrink: 0; }
html[data-metin-ui] .metin-name-value { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
html[data-metin-ui] .metin-name-guild { color: #efd3ff; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-metin-ui] .metin-name-alignment { flex-shrink: 0; }
html[data-metin-ui] .metin-scene-label [hidden] { display: none; }
@media(max-width:767px) { html[data-metin-ui] .metin-scene-label { font-size: 11px; max-width: 160px; } }

/* mt2009 red/blue gauges: exact values share the server presentation clock. */
html[data-metin-ui] .metin-scene-hud { position:absolute;inset:0;pointer-events:none;z-index:2;font:12px/1.2 Tahoma,Arial,sans-serif;color:#f4e6c8;text-shadow:1px 1px #000,-1px -1px #000,0 1px 3px #000; }
html[data-metin-ui] .metin-scene-hud [data-combat-hud-card] { position:absolute;box-sizing:border-box;border:1px solid #766044;box-shadow:inset 0 0 0 1px #130d07,0 2px 7px #0009;background:#19120de8;padding:6px 9px; }
html[data-metin-ui] .metin-scene-hud-target { top:8px;left:50%;transform:translateX(-50%);width:280px;max-width:calc(100% - 16px); }
html[data-metin-ui] .metin-scene-hud-player { bottom:94px;left:8px;width:210px;max-width:calc(100% - 16px); }
html[data-metin-ui] .metin-scene-hud-title { display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:4px;white-space:nowrap;min-width:0; }
html[data-metin-ui] .metin-scene-hud-title strong { overflow:hidden;text-overflow:ellipsis;font-weight:600;color:#ffd74c; }
html[data-metin-ui] .metin-scene-hud-target strong { color:#ff8574; }
html[data-metin-ui] .metin-scene-hud-gauge-row { display:grid;grid-template-columns:20px minmax(0,1fr);position:relative;align-items:center;gap:4px;min-height:17px; }
html[data-metin-ui] .metin-scene-hud-gauge { position:relative;height:13px;overflow:hidden;border:1px solid #080503;box-shadow:inset 0 0 0 1px #5f4934;background:#160a06 url('/metin-ui/gauge-slot.png') center/100% 100% no-repeat; }
html[data-metin-ui] .metin-scene-hud-gauge-fill { position:absolute;inset:1px;display:block;transform-origin:left center;background:#ab2522 url('/metin-ui/gauge-red.png') center/100% 100% no-repeat; }
html[data-metin-ui] .metin-scene-hud-gauge[data-vital='mp'] .metin-scene-hud-gauge-fill { background-color:#234eae;background-image:url('/metin-ui/gauge-blue.png'); }
html[data-metin-ui] .metin-scene-hud-gauge-number { position:absolute;left:24px;right:0;text-align:center;font-size:10px;color:#fff; }
html[data-metin-ui] .metin-scene-hud-target .metin-scene-hud-gauge-row { grid-template-columns:minmax(0,1fr); }
html[data-metin-ui] .metin-scene-hud-target .metin-scene-hud-vital { display:none; }
html[data-metin-ui] .metin-scene-hud-target .metin-scene-hud-gauge-number { left:0; }
html[data-metin-ui] .metin-scene-hp { background:#160a06 url('/metin-ui/gauge-slot.png') center/100% 100%; }
html[data-metin-ui] .metin-scene-hp i,html[data-metin-ui] .metin-scene-player .metin-scene-hp i { background:#ab2522 url('/metin-ui/gauge-red.png') center/100% 100%; }
html[data-metin-ui] .metin-combat-details-toggle { display:block;margin:8px 0 2px auto;min-height:44px; }
html[data-metin-ui] .metin-live-combat[data-scene-details='false'] :is(.metin-live-log,[data-live-dps]) { display:none; }
html[data-metin-ui] .metin-scene-waiting { top:68px; }
html[data-metin-ui] .metin-combat-stage:fullscreen .metin-combat-camera { bottom:8px; }
html[data-metin-ui] .metin-combat-stage:fullscreen .metin-scene-hud-player { bottom:62px; }
@media(max-width:767px){
  html[data-metin-ui] .metin-scene-hud { font-size:11px; }
  html[data-metin-ui] .metin-scene-hud-player { width:174px;padding:5px 7px; }
  html[data-metin-ui] .metin-scene-hud-target { padding:5px 7px; }
}
@media(max-height:500px) and (orientation:landscape){
  html[data-metin-ui] .metin-combat-stage { min-height:300px;max-height:none; }
  html[data-metin-ui] .metin-combat-stage:fullscreen { min-height:0; }
}

.metin-combat-mount-label {
  display: block;
  margin-top: 3px;
  color: var(--metin-gold);
  font-size: .8rem;
}
@media (max-width: 767px) and (orientation: portrait) {
  html[data-metin-ui] .metin-combat-stage[data-mounted]:not(:fullscreen) { min-height: 365px; }
  html[data-metin-ui] .metin-combat-stage[data-mounted] .metin-scene-hud-player { width: 152px; }
}

html[data-metin-ui] .metin-character-overview {
  display: grid;
  width: min(100%, 76rem);
  min-width: 0;
  padding: 8px;
  gap: 12px;
  margin-inline: auto;
  margin-block-end: 140px;
}
html[data-metin-ui] .metin-character-hub-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  position: relative;
  padding: 5px 34px;
}
.metin-character-hub-title :is(h1, h2) { margin: 0; font-size: 16px; line-height: 1.3; color: var(--metin-gold); }
.metin-character-hub-title > [data-metin-close] { position: absolute; right: 4px; top: 3px; }
.metin-character-hub-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 0 2px; }
.metin-character-hub-tabs a {
  display: flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 8px 12px; text-decoration: none; font-weight: 700;
  border: 1px solid transparent; border-image: var(--metin-button-normal) 5 11 fill / 5px 11px / 0 stretch;
  background: #1c160f; color: var(--metin-gold);
}
.metin-character-hub-tabs a:is(:hover, :focus-visible) { border-image-source: var(--metin-button-hover); }
.metin-character-hub-tabs a[aria-current='page'] { border-image-source: var(--metin-button-pressed); background: #4a3520; color: #fff2ca; box-shadow: inset 0 -2px #be9859; }
.metin-hub-overview-grid { display: grid; grid-template-columns: minmax(280px, .85fr) minmax(0, 1.45fr); gap: 14px; align-items: start; }
.metin-hub-overview-main, .metin-hub-summary, .metin-hub-profile { display: grid; gap: 12px; min-width: 0; }
.metin-hub-character { min-width: 0; padding: 10px; border: 1px solid #665035; background: #16110bd9; }
.metin-hub-identity { display: flex; gap: 9px; align-items: center; min-width: 0; }
.metin-hub-identity > div { min-width: 0; }
.metin-hub-identity h2 { font-size: 16px; color: var(--metin-gold); margin: 0 0 5px; overflow-wrap: anywhere; }
.metin-hub-identity h2 { display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px; }
.metin-hub-rank { font:11px/1.3 Tahoma,Arial,sans-serif;white-space:nowrap;text-shadow:1px 1px #000; }
.metin-hub-identity p, .metin-hub-location { margin: 0; color: var(--metin-text-dim, #baac92); overflow-wrap: anywhere; font-size: 12px; }
.metin-hub-resources { display: grid; gap: 7px; }
.metin-hub-resource-label { display: flex; justify-content: space-between; gap: 5px; font-size: 12px; font-variant-numeric: tabular-nums; }
.metin-hub-gauge { height: 12px; padding: 2px; margin-top: 3px; border: 1px solid #756445; background: #080705; box-shadow: inset 0 0 3px #000; }
.metin-hub-gauge > span { display: block; height: 100%; background: linear-gradient(#f3a6a0, #b12f23 42%, #62140b); }
[data-resource='mp'] .metin-hub-gauge > span { background: linear-gradient(#b0d6ff, #3268bd 42%, #152d76); }
[data-resource='exp'] .metin-hub-gauge > span { background: linear-gradient(#f1ecaa, #a89637 42%, #5e4e15); }
.metin-hub-shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.metin-hub-shortcuts a { display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 7px; text-decoration: none; text-align: center; overflow-wrap: anywhere; }
.metin-hub-preview { min-width: 0; border: 1px solid #4c3a27; background: #100c08; }
.metin-hub-preview-title { margin: 0; padding: 5px 7px; text-align: center; font-size: 13px; min-height: 26px; }
.metin-hub-preview-body { padding: 6px; }
.metin-hub-preview-body[hidden] { display: none; }
.metin-hub-preview-toggle { display: none; }
.metin-hub-preview .metin-create-model { height: 350px; min-height: 280px; background: radial-gradient(ellipse at 50% 35%, #493829, #14100b 75%); }
.metin-hub-preview .metin-create-rotation { grid-template-columns: 50px minmax(0, 1fr) 50px; }
.metin-hub-preview .metin-equipped-caption { margin-top: 6px; }
.metin-hub-preview .metin-equipped-caption dl { margin: 0; display: grid; gap: 6px; }
.metin-hub-preview .metin-equipped-caption dl > div { display: grid; grid-template-columns: 4rem minmax(0, 1fr); gap: 6px; }
.metin-hub-preview .metin-equipped-caption dd { margin: 0; overflow-wrap: anywhere; }
.metin-hub-preview .metin-equipped-caption > a { display: flex; min-height: 44px; justify-content: center; align-items: center; padding: 6px; margin-top: 7px; text-decoration: none; }
.metin-hub-secondary { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); }
.metin-character-overview details.metin-dashboard-panel { display: block; padding: 6px; }
.metin-character-overview details.metin-dashboard-panel > summary { display: flex; align-items: center; min-height: 44px; padding: 8px 12px; cursor: pointer; gap: 8px; }
.metin-character-overview details.metin-dashboard-panel > summary::before { content: '▸'; color: var(--metin-gold); }
.metin-character-overview details.metin-dashboard-panel[open] > summary::before { content: '▾'; }
.metin-character-overview details.metin-dashboard-panel[open] > .metin-dashboard-panel-content { margin-block: 8px; }
.metin-character-overview details.metin-dashboard-panel ._scroll_s6ss8_129 { max-height: 28rem; overflow: auto; }
.metin-character-overview .metin-dashboard-actions a, .metin-character-overview ._row_f6qwr_51 > button { min-height: 44px; }
@media (min-width: 768px) {
  html[data-metin-ui] .metin-status-layout.metin-status-with-preview { inline-size: min(100%, 76rem); }
}
@media (max-width: 767px), (max-height: 499px) {
  html[data-metin-ui] .metin-character-overview { padding: 6px; gap: 9px; margin-bottom: 64px; }
  .metin-hub-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .metin-hub-character, .metin-hub-summary, .metin-hub-overview-main { display: contents; }
  .metin-hub-profile { order: 0; padding: 8px; gap: 9px; border: 1px solid #665035; background: #16110bd9; }
  .metin-hub-overview-grid [data-dashboard-panel='activities'] { order: 1; }
  .metin-hub-overview-grid .metin-hub-shortcuts { order: 2; }
  .metin-hub-overview-grid .metin-hub-preview { order: 3; }
  .metin-hub-overview-grid [data-dashboard-panel='quests'] { order: 4; }
  .metin-hub-preview-title { display: none; }
  .metin-hub-preview-toggle { display: block; width: 100%; min-height: 44px; padding: 8px; }
  .metin-hub-preview .metin-create-model { height: 300px; min-height: 250px; }
  .metin-status-main-content > .metin-status-appearance { order: 0; }
  .metin-character-hub-tabs a { padding-inline: 6px; }
}
@media (prefers-reduced-motion: reduce) { .metin-hub-gauge > span { transition: none; } }

html[data-metin-ui] .metin-atlas-window.metin-battle-window {
  display: flex; flex-direction: column; gap: 10px;
  width: min(100%, 76rem); min-width: 0; min-height: 0;
  padding: 8px; margin-inline: auto; overflow: visible;
}
.metin-battle-title { position: relative; display: flex; justify-content: center; align-items: center; min-height: 34px; padding: 5px 35px; flex: 0 0 auto; }
.metin-battle-title h1 { margin: 0; font-size: 16px; line-height: 1.25; color: var(--metin-gold); }
.metin-battle-title > [data-metin-close] { position: absolute; right: 4px; top: 4px; }
.metin-battle-navigation { display: flex; align-items: stretch; gap: 8px; min-width: 0; flex: 0 0 auto; position: relative; z-index: 5; }
.metin-battle-tabs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5px; flex: 1; min-width: 0; }
.metin-battle-tabs[data-tabs='3'] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.metin-battle-tabs button {
  display: flex; align-items: center; justify-content: center; gap: 7px;
  min-width: 0; min-height: 44px; padding: 8px; margin: 0;
  border: 1px solid transparent; border-image: var(--metin-button-normal) 5 11 fill / 5px 11px / 0 stretch;
  background: #1e170f; color: var(--metin-gold); font: 700 13px/1.2 var(--metin-font); cursor: pointer;
}
.metin-battle-tabs button[aria-selected='true'] { background: #49331d; border-image-source: var(--metin-button-pressed); box-shadow: inset 0 -2px #bf9d5f; color: #fff1ce; }
.metin-battle-tabs button:hover { border-image-source: var(--metin-button-hover); }
.metin-battle-tabs button:focus-visible { outline: 2px solid var(--metin-highlight); outline-offset: -3px; }
.metin-battle-tabs button > img { width: 20px; height: 20px; object-fit: contain; image-rendering: auto; flex-shrink: 0; }
.metin-battle-tabs button[data-battle-tab='location'] > img { width: 16px; height: 16px; }
.metin-battle-tabs button > span { overflow-wrap: anywhere; }
.metin-battle-tabs button > .metin-battle-tab-count { flex: 0 0 auto; white-space: nowrap; overflow-wrap: normal; padding: 2px 5px; min-width: 20px; color: #fff0b5; background: #171008; border: 1px solid #856735; font-size: 11px; }
.metin-battle-marker-options { display: flex; align-items: stretch; flex: 0 0 auto; }
.metin-battle-marker-options .metin-atlas-marker-trigger { min-height: 44px; min-width: 44px; padding-inline: 10px; border: 1px solid #675034; background-color: #231a10; }
.metin-battle-marker-options ._strip_g0cul_1 { margin: 0; }
.metin-battle-marker-options ._stripLabel_g0cul_45 { display: inline; text-transform: none; letter-spacing: normal; }
html[data-metin-ui] .metin-battle-window .metin-battle-content { min-height: 0; min-width: 0; padding: 0 0 110px; scrollbar-width: thin; scrollbar-color: #9c7b45 #18120c; }
.metin-battle-content:focus-visible { outline: 1px solid var(--metin-highlight); outline-offset: 2px; }
.metin-battle-window ._atlasDesktop_1ce9a_114 { align-items: start; gap: 12px; }
.metin-battle-window .metin-travel-map { margin: 0; min-width: 0; }
.metin-battle-window .metin-travel-map-header { margin-bottom: 8px; }
.metin-battle-window .metin-travel-map-title h3 { font-size: 15px; }
.metin-battle-window .metin-atlas-index .metin-atlas-destination { min-height: 48px; }
.metin-battle-window .metin-travel-zones ._row_p2vj2_1 { padding: 9px; }
.metin-battle-window .metin-travel-zones :is(button, a) { min-height: 36px; }
.metin-battle-status { margin-bottom: 10px; }
.metin-battle-status :is(button, a) { min-height: 44px; }
.metin-battle-window .metin-battle-back { min-height: 44px; margin-bottom: 7px; }
.metin-battle-map { min-width: 0; }
.metin-battle-map-toggle { display: none; }
@media (max-width: 767px), (max-height: 499px) {
  html[data-metin-ui] .metin-atlas-window.metin-battle-window { padding: 6px; gap: 8px; }
  .metin-battle-navigation { gap: 5px; }
  .metin-battle-tabs, .metin-battle-tabs[data-tabs='3'] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  .metin-battle-tabs[data-tabs='3'] button:last-child { grid-column: 1 / -1; }
  .metin-battle-tabs button { padding: 6px; font-size: 12px; gap: 5px; }
  .metin-battle-marker-options ._stripLabel_g0cul_45 { display: none; }
  .metin-battle-marker-options { align-items: center; }
  .metin-battle-marker-options .metin-atlas-marker-trigger { width: 44px; height: 44px; padding: 0; }
  .metin-battle-marker-options .metin-atlas-marker-panel { max-height: min(22rem, max(5rem, calc(100dvh - 16rem))); overflow: auto; }
  .metin-battle-window .metin-travel-zones :is(button, a) { min-height: 44px; }
  html[data-metin-ui] .metin-battle-window .metin-battle-content { padding: 0 0 85px; }
  .metin-battle-map-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; padding: 8px; color: var(--metin-gold); background: #21190f; border: 1px solid #6c5230; font: 13px var(--metin-font); cursor: pointer; }
  .metin-battle-map-toggle > img { width: 16px; height: 16px; object-fit: contain; }
  .metin-battle-map-toggle:focus-visible { outline: 2px solid var(--metin-highlight); }
  .metin-battle-map-toggle[aria-expanded='true'] { margin-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) { .metin-battle-content { scroll-behavior: auto; } }

/* A landscape phone needs the whole sheet to scroll, not a tiny inner pane. */
@media (max-height: 499px) {
  html[data-metin-ui] .metin-atlas-window.metin-battle-window { flex:0 0 auto;min-height:auto; }
  html[data-metin-ui] .metin-battle-window .metin-battle-content { flex:none;overflow:visible; }
}
@media (min-width:768px) and (max-height:499px) {
  .metin-battle-tabs { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .metin-battle-tabs[data-tabs='3'] { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .metin-battle-tabs[data-tabs='3'] button:last-child { grid-column:auto; }
}

/* Shared Stonecall navigation, using the existing Metin window and button art. */
html[data-metin-ui] body .metin-navigation-top {
  position: relative; display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 3px 12px;
  border-bottom: 1px solid #756043; background: #17130f var(--metin-board-fill); color: var(--metin-text); flex-shrink: 0;
}
.metin-top-brand { flex: 0 0 148px; }
.metin-top-brand > a { display: flex; justify-content: center; align-items: center; min-height: 40px; padding: 0; }
.metin-top-brand .stonecall-shell-logo { width: 140px; height: 40px; object-fit: contain; }
.metin-top-location { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--metin-gold); font-size: 13px; text-decoration: none; }
.metin-top-settings { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; }
.metin-top-settings > img { width: 28px; height: 28px; object-fit: contain; }
.metin-navigation-top ._actionButton_1v0xl_403 { min-width: 44px; min-height: 44px; padding: 2px 8px; }
.metin-navigation-top ._actionLabel_1v0xl_428 { display: inline; font-size: 12px; }
html[data-metin-ui] body .metin-navigation-top .metin-notification-window { top: calc(100% + 5px); bottom: auto; right: 0; max-height: calc(100dvh - var(--shell-top-chrome, 80px) - 90px); }
.metin-navigation-top ._notificationWrapper_1v0xl_462 { margin-left: auto; position: relative; }
.metin-notification-mail-shortcut { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 44px; margin: 6px; padding: 6px 10px; color: var(--metin-gold); background: #302316; border: 1px solid #80643e; text-decoration: none; font: 13px var(--metin-font); }
.metin-navigation-title { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 34px; padding: 3px 8px; flex-shrink: 0; color: var(--metin-gold); }
.metin-navigation-title :is(h2, span) { margin: 0; font: 700 15px var(--metin-font); }
.metin-navigation-title > button { min-width: 36px; min-height: 32px; padding: 2px; color: var(--metin-gold); cursor: pointer; background: #241b11; border: 1px solid #78613e; }
.metin-side-navigation { position: fixed; top: var(--shell-top-chrome); left: 0; bottom: var(--metin-taskbar-height, 68px); width: 240px; display: flex; flex-direction: column; padding: 6px; overflow: hidden; border-right: 1px solid #6b573a; background: #16120f var(--metin-board-fill); }
.metin-side-navigation[data-collapsed='true'] { width: 64px; }
.metin-side-navigation[data-collapsed='true'] .metin-navigation-title { padding: 0; justify-content: center; }
.metin-side-navigation[data-collapsed='true'] .metin-navigation-title > span { display: none; }
.metin-navigation-groups { display: flex; flex-direction: column; gap: 8px; min-height: 0; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #9a7949 #17120d; padding: 8px 0; }
.metin-navigation-search { display: flex; position: relative; flex-shrink: 0; }
.metin-navigation-search > input { width: 100%; min-width: 0; min-height: 44px; padding: 9px 36px 9px 9px; border: 1px solid #685032; background: #0e0b08; color: var(--metin-text); border-radius: 0; font: 13px var(--metin-font); }
.metin-navigation-search > input:focus-visible { outline: 2px solid var(--metin-highlight); outline-offset: -2px; }
.metin-navigation-search > input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.metin-navigation-search > button { position: absolute; right: 0; top: 0; width: 36px; height: 44px; color: var(--metin-gold); background: #251b10; border: 1px solid #685032; }
.metin-navigation-group { flex-shrink: 0; min-width: 0; }
.metin-navigation-group-toggle { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 40px; padding: 7px 9px; background: #241b13; border: 1px solid #675235; color: var(--metin-gold); text-align: left; font: 700 13px var(--metin-font); cursor: pointer; }
.metin-navigation-chevron { margin-left: auto; font-size: 18px; }
.metin-navigation-group-items { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px; padding-top: 5px; }
.metin-navigation-item { display: flex; align-items: center; gap: 9px; position: relative; min-height: 44px; min-width: 0; padding: 5px 8px; border: 1px solid transparent; background: #1b150e; color: var(--metin-text); text-decoration: none; font: 13px/1.25 var(--metin-font); cursor: pointer; text-align: left; }
.metin-navigation-item:is(:hover,:focus-visible) { border-color: #927448; background: #35271a; color: #fff0c7; }
.metin-navigation-item:focus-visible, .metin-navigation-group-toggle:focus-visible { outline: 2px solid var(--metin-highlight); outline-offset: -2px; }
.metin-navigation-item[data-active] { background: #3c2e1c; color: #ffe7b2; border-color: #a48550; box-shadow: inset 3px 0 #be9b60; }
.metin-navigation-item[aria-disabled='true'] { opacity: .55; cursor: default; flex-wrap: wrap; }
.metin-navigation-item[aria-disabled='true'] > small { width: 100%; padding-left: 36px; font-size: 10px; }
.metin-navigation-icon { display: grid; place-items: center; position: relative; flex: 0 0 29px; width: 29px; height: 29px; }
.metin-navigation-icon > :is(img, span, svg) { width: 29px; height: 29px; max-height: 29px; object-fit: contain; }
.metin-navigation-icon > .metin-navigation-portrait {
  border: 1px solid #8b6b43; border-radius: 50%; background: radial-gradient(#5a432b, #201710 75%);
}
.metin-navigation-icon [data-art] { background: var(--metin-hud-icon-normal, none) center / contain no-repeat; }
.metin-navigation-icon [data-art]:is([data-art='character'],[data-art='switch-character'],[data-art='equipment'],[data-art='friends'],[data-art='settings'],[data-art='more'],[data-art='itemshop'],[data-art='chat']) > img { visibility: hidden; }
.metin-navigation-label { min-width: 0; overflow-wrap: anywhere; }
.metin-navigation-item > kbd { margin-left: auto; color: #ae9978; font: 10px var(--metin-font); }
.metin-navigation-count { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; padding: 1px 4px; min-width: 17px; font: 700 10px/1.3 var(--metin-font); color: #ffe8a5; border: 1px solid #9b763c; background: #3d1b0b; }
.metin-navigation-detail { margin-left: auto; font-size: 10px; }
.metin-navigation-empty { margin: 0; padding: 12px 8px; font: 12px/1.5 var(--metin-font); color: #baa887; }
.metin-navigation-empty > a { color: var(--metin-gold); }
.metin-navigation-rail { display: flex; flex: 1; min-height: 0; flex-direction: column; gap: 5px; overflow-y: auto; padding-top: 8px; }
.metin-navigation-rail > .metin-navigation-item { flex-shrink: 0; }
.metin-navigation-rail .metin-navigation-item { justify-content: center; padding: 7px 0; }
.metin-navigation-rail .metin-navigation-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.metin-navigation-rail .metin-navigation-count { position: absolute; top: 0; right: 0; font-size: 9px; }
.metin-navigation-rail .metin-navigation-detail { display: none; }
.metin-navigation-rail-menu { flex-shrink: 0; color: var(--metin-gold); border: 1px solid #685032; background: #20170f; min-height: 44px; font: 11px var(--metin-font); }
.metin-navigation-backdrop { position: fixed; inset: 0 0 auto; height: var(--app-height,100dvh); z-index: var(--z-modal); display: grid; place-items: center; padding: max(12px,var(--safe-top,0px)) max(12px,var(--safe-right,0px)) max(12px,var(--safe-bottom,0px)) max(12px,var(--safe-left,0px)); background: #000b; }
html[data-metin-ui] body .metin-navigation-menu { position: relative; inset: auto; transform: none; animation: none; margin: 0; display: flex; flex-direction: column; width: min(100%, 760px); min-width: 0; height: auto; max-height: calc(var(--app-height,100dvh) - 24px); padding: 8px; border: 1px solid transparent; border-image: var(--metin-window) 32 / 12px / 0 repeat; background: #18130d var(--metin-board-fill); }
.metin-navigation-menu > nav { overflow: auto; min-height: 0; }
.metin-navigation-menu .metin-navigation-title > button { width: 44px; height: 44px; }
.metin-navigation-menu .metin-navigation-groups { overflow: visible; padding: 10px 5px 4px; }
.metin-navigation-menu .metin-navigation-group-items { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; }
.metin-navigation-menu .metin-navigation-group-items > :only-child { grid-column: 1 / -1; }
.metin-navigation-menu .metin-navigation-item { min-height: 64px; border-color: #4c3924; }
.metin-navigation-equipment-links { display: grid; grid-template-rows: repeat(2, minmax(44px,1fr)); gap: 4px; min-width: 0; }
.metin-navigation-menu .metin-navigation-equipment-links .metin-navigation-item { min-height: 44px; }
.metin-navigation-menu .metin-navigation-group-toggle { min-height: 44px; }
.metin-navigation-caption { margin: 4px; text-align: center; color: #a18b69; font-size: 11px; }
html[data-metin-ui] body .metin-navigation-resources { display: flex; align-items: center; position: fixed; inset: auto 0 0; z-index: var(--z-sticky); height: var(--metin-taskbar-height); padding: 5px 12px max(5px,var(--shell-safe-bottom,0px)); border-top: 1px solid #90734b; background: #18130e url('/metin-ui/taskbar.png') repeat-x left top / 256px 68px; }
.metin-desktop-status { width: var(--stonecall-resource-width); min-width: 0; }
.metin-desktop-status ._left_1v0xl_114 { max-width: 100%; }
.metin-desktop-status ._characterInfo_1v0xl_167 { width: 100%; }
.metin-desktop-status ._characterMeta_1v0xl_203 { flex: 1; min-width: 0; }
.metin-desktop-status ._vitals_1v0xl_210 { width: 100%; }
.metin-shell-chat { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 44px; width: 86px; padding: 3px 7px; margin-left: auto; background: #241b10; border: 1px solid #80623c; color: var(--metin-gold); font: 12px var(--metin-font); cursor: pointer; }
.metin-shell-chat > span[data-art] { width: 26px; height: 26px; }
html[data-metin-ui] body .metin-unified-activity { position: fixed; z-index: calc(var(--z-sticky) + 2); display: flex; align-items: stretch; gap: 0; padding: 0; margin: 0; min-width: 0; width: auto; height: 44px; inset: auto 106px 12px calc(var(--stonecall-resource-width) + 24px); }
.metin-unified-activity > .metin-activity-row { flex: 1; min-width: 0; }
.metin-activity-more { flex: 0 0 44px; color: var(--metin-gold); background: #2b2013; border: 1px solid #80613b; font: 13px var(--metin-font); cursor: pointer; }
.metin-activity-others { position: absolute; inset: auto 0 calc(100% + 6px); max-height: min(50dvh,340px); overflow: auto; margin: 0; padding: 6px; list-style: none; background: #17100b; border: 1px solid #8b6b41; }
html[data-metin-ui] body .metin-navigation-resources ._left_1v0xl_114 { flex: 1; }
@media (min-width: 768px) {
  html[data-metin-ui] body:has(.metin-side-navigation) { --stonecall-sidebar-width: 240px; --stonecall-resource-width: clamp(280px,28vw,400px); --metin-taskbar-height: calc(68px + var(--shell-safe-bottom,0px)); }
  html[data-metin-ui] body:has(.metin-side-navigation[data-collapsed='true']) { --stonecall-sidebar-width: 64px; }
  html[data-metin-ui] body ._root_1dbmx_1 { padding-bottom: var(--metin-taskbar-height); }
  html[data-metin-ui] body ._body_1dbmx_46 > ._contentColumn_1dbmx_54 { margin-left: 240px; }
  html[data-metin-ui] body ._body_1dbmx_46:has(.metin-side-navigation[data-collapsed='true']) > ._contentColumn_1dbmx_54 { margin-left: 64px; }
  html[data-metin-ui] body .metin-chat._drawerDesktop_1qjpe_149 { bottom: calc(var(--metin-taskbar-height) + 6px); max-height: calc(100dvh - var(--shell-top-chrome) - var(--metin-taskbar-height) - 16px); }
  html[data-metin-ui] body .metin-chat._drawerDesktop_1qjpe_149:not([data-metin-chat-combat]) { left: calc(var(--stonecall-sidebar-width) + 12px); right: auto; transform: none; width: min(900px,calc(100vw - var(--stonecall-sidebar-width) - 24px)); }
  html[data-metin-ui] body .local-server-badge { bottom: calc(var(--metin-taskbar-height) + 4px); }
}
@media (max-width: 767px) {
  html[data-metin-ui] body { --mobile-nav-offset: calc(62px + var(--shell-safe-bottom,0px)); }
  html[data-metin-ui] body .metin-navigation-top { min-height: 74px; gap: 6px; padding: 4px 8px; }
  .metin-top-mobile-status { flex: 1; min-width: 0; }
  .metin-top-mobile-status ._left_1v0xl_114 { min-width: 0; width: 100%; }
  .metin-top-mobile-status ._characterInfo_1v0xl_167 { gap: 7px; width: 100%; }
  .metin-top-mobile-status ._headerAvatar_1v0xl_193 { width: 42px; height: 42px; }
  .metin-top-mobile-status ._characterMeta_1v0xl_203 { flex: 1; min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
  .metin-top-mobile-status ._characterNameRow_1v0xl_252 { grid-area: 2 / 1; min-width: 0; gap: 5px; }
  .metin-top-mobile-status ._characterName_1v0xl_252 { overflow: hidden; max-width: 108px; text-overflow: ellipsis; font-size: 12px; }
  .metin-top-mobile-status ._level_1v0xl_271 { font-size: 10px; }
  .metin-top-mobile-status ._vitals_1v0xl_210 { grid-area: 1 / 1; width: 100%; }
  .metin-top-mobile-status ._currencies_1v0xl_299 { display: flex; flex-wrap: wrap; gap: 5px; }
  .metin-top-mobile-status ._metaFooter_1v0xl_292 { grid-area: 3 / 1 / auto / -1; flex-wrap: wrap; gap: 3px; }
  .metin-top-mobile-status ._currencyItem_1v0xl_306 { font-size: 10px; }
  .metin-navigation-top .metin-notification-mobile-button { width: 44px; height: 44px; }
  html[data-metin-ui] body .metin-bottom-navigation { position: fixed; inset: auto 0 0; z-index: calc(var(--z-sticky) + 3); height: var(--mobile-nav-offset); display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); padding: 3px var(--safe-right,0px) var(--shell-safe-bottom,0px) var(--safe-left,0px); border-top: 1px solid #8a6e45; background: #19130d url('/metin-ui/taskbar.png') repeat-x left top / 256px 62px; }
  .metin-bottom-navigation > .metin-navigation-item { flex-direction: column; justify-content: center; gap: 2px; padding: 2px; min-height: 56px; font-size: 10px; text-align: center; }
  .metin-bottom-navigation .metin-navigation-icon { flex-basis: 29px; }
  .metin-bottom-navigation .metin-navigation-count { position: absolute; top: 1px; right: 4px; }
  .metin-bottom-navigation .metin-navigation-label { white-space: nowrap; font-size: clamp(9px,2.5vw,11px); }
  .metin-bottom-navigation [data-active] { box-shadow: inset 0 2px #c4a062; }
  html[data-metin-ui] body ._body_1dbmx_46 > ._contentColumn_1dbmx_54 { margin-left: 0; padding-bottom: calc(var(--mobile-nav-offset) + var(--metin-activity-dock-space,0px)); }
  html[data-metin-ui] body .metin-unified-activity { inset: auto var(--safe-right,0px) var(--mobile-nav-offset) var(--safe-left,0px); width: auto; height: 44px; }
  .metin-navigation-menu .metin-navigation-group-items { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metin-navigation-menu .metin-navigation-item { gap: 6px; font-size: 12px; }
  .metin-navigation-menu .metin-navigation-item > kbd { display: none; }
  html[data-metin-ui] body .metin-navigation-menu { width: 100%; max-height: calc(var(--app-height,100dvh) - 16px); padding: 6px; }
  .metin-navigation-backdrop { padding: 8px; }
  .metin-navigation-menu .metin-navigation-groups { padding-inline: 1px; }
  html[data-metin-ui] body:has(.metin-bottom-navigation) .local-server-badge { bottom: calc(var(--mobile-nav-offset) + 4px); top: auto; left: 4px; right: auto; z-index: calc(var(--z-sticky) - 1); font-size: 9px; }
}
@media (max-height: 499px) and (min-width: 768px) {
  .metin-navigation-top { min-height: 44px; }
  .metin-navigation-menu .metin-navigation-group-items { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) { .metin-navigation-groups { scroll-behavior: auto; } }
@media (pointer: coarse) { .metin-navigation-title > button { min-width: 44px; min-height: 44px; } .metin-navigation-group-toggle { min-height: 44px; } .metin-navigation-search > input { font-size: 16px; } }