.ws-page {
    --ws-accent: #ff6429;
    --ws-slot: 52px;
}

.ws-page .ws-header {
    box-shadow: 0 14px 35px rgba(26, 9, 3, .18);
}

.ws-page .ws-summary {
    padding: 4px 2px;
    color: #514943;
}

.ws-page .ws-summary strong {
    line-height: 1;
}

.ws-page .ws-summary small {
    color: #766d67;
}

.ws-tabs {
    display: flex;
    gap: 8px;
    margin: 14px 0 0;
    padding: 6px;
    border: 1px solid #ded8d3;
    border-radius: 8px;
    background: #f3f0ed;
}

.ws-tab {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    padding: 8px 14px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #514943;
    font-weight: 800;
    cursor: pointer;
    transition: .18s ease;
}

.ws-tab small {
    color: #918780;
    font-size: 10px;
    font-weight: 600;
}

.ws-tab:hover {
    background: #fff;
}

.ws-tab.is-active {
    border-color: #71331e;
    background: linear-gradient(135deg, #2d170f, #160f0c);
    box-shadow: 0 4px 12px rgba(42, 17, 8, .2);
    color: #fff;
}

.ws-tab.is-active small {
    color: #ffb18e;
}

.ws-vault-page {
    display: none;
    margin: 12px 0 24px;
    overflow: hidden;
    border: 1px solid #472418;
    border-radius: 8px;
    background: #100d0b;
    box-shadow: 0 12px 32px rgba(32, 15, 8, .18);
}

.ws-vault-page.is-active {
    display: block;
}

.ws-vault-page > h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 11px 15px;
    border-bottom: 1px solid #572818;
    background: linear-gradient(90deg, #21120d, #120e0c);
    color: #fff;
    font-size: 14px;
}

.ws-vault-page > h2 small {
    color: #a99b94;
    font-size: 10px;
    font-weight: 500;
}

.ws-board-wrap {
    display: flex;
    justify-content: center;
    padding: 16px;
    overflow: auto;
    background: radial-gradient(circle at 50% 5%, #24150f 0, #0e0c0b 42%, #090909 100%);
}

.ws-page .ws-board {
    grid-template-columns: repeat(8, var(--ws-slot)) !important;
    grid-template-rows: repeat(15, var(--ws-slot)) !important;
    width: max-content !important;
    min-width: 0 !important;
    flex: 0 0 auto;
    box-sizing: content-box;
    box-shadow: inset 0 0 35px rgba(0, 0, 0, .7), 0 0 0 1px #1d1511;
}

.ws-page .ws-cell {
    box-sizing: border-box;
    background: linear-gradient(145deg, rgba(30, 25, 21, .82), rgba(12, 11, 10, .94));
}

.ws-page .ws-item {
    box-sizing: border-box;
    background: radial-gradient(circle at 50% 35%, #4a281b, #25140e 72%);
    box-shadow: inset 0 0 20px rgba(255, 100, 41, .07), 0 2px 8px rgba(0, 0, 0, .4);
}

.ws-item-action {
    position: absolute;
    inset: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.ws-item-action:focus-visible {
    outline: 2px solid var(--ws-accent);
    outline-offset: -3px;
}

.ws-page .ws-item > img {
    width: auto;
    height: auto;
    max-width: calc(100% - 8px) !important;
    max-height: calc(100% - 8px) !important;
    object-fit: contain;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .75));
}

.ws-missing-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    height: 70%;
    border: 1px dashed #80503d;
    border-radius: 50%;
    color: #bd8269;
    font-size: 20px;
    font-weight: 800;
    opacity: .7;
}

.ws-page .ws-tooltip {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 310px;
    padding: 10px 12px 11px;
    border: 1px solid #494949;
    border-radius: 2px;
    background: rgba(3,3,5,.96);
    box-shadow: 0 5px 20px rgba(0,0,0,.82), inset 0 0 12px rgba(255,255,255,.025);
    color: #f1f1f1;
    font-family: Arial,Tahoma,sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    pointer-events: none;
}
.ws-page .ws-tooltip b { display: block; margin: -1px 0 4px; padding: 1px 4px; font-size: 13px; font-weight: 700; line-height: 17px; text-align: center; }
.ws-page .ws-tooltip span { display: block; font-size: 12px; line-height: 15px; text-align: center; }
.ws-page .ws-tooltip .is-name-normal { color: #f4f4f4; }
.ws-page .ws-tooltip .is-name-high-level,.ws-page .ws-tooltip .is-name-jewel { color: #ffd45b; }
.ws-page .ws-tooltip .is-name-luck { color: #78a9ff; }
.ws-page .ws-tooltip .is-name-excellent { color: #35ed88; }
.ws-page .ws-tooltip .is-name-socket { color: #d46cff; }
.ws-page .ws-tooltip .is-name-ancient { margin-left: -6px; margin-right: -6px; background: #213b86; color: #48ee91; }
.ws-page .ws-tooltip .is-base { color: #f1f1f1; }
.ws-page .ws-tooltip .is-option,.ws-page .ws-tooltip .is-excellent { color: #82adff; }
.ws-page .ws-tooltip .is-section-title { margin-top: 7px; }
.ws-page .ws-tooltip .is-socket-title { color: #d76dff; }
.ws-page .ws-tooltip .is-socket-occupied { color: #79b8ff; }
.ws-page .ws-tooltip .is-socket-empty { color: #777b82; }
.ws-page .ws-tooltip .is-ancient { color: #d4b85b; }
.ws-page .ws-tooltip .is-ancient-option { color: #8bd08b; }
.ws-page .ws-tooltip .is-harmony { color: #ffe06c; }
.ws-page .ws-tooltip .is-380 { color: #e8a6ff; }

.ws-sale-modal {
    --ws-accent: #ff6429;
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(4, 4, 4, .82);
    backdrop-filter: blur(4px);
}

.ws-sale-modal.is-open { display: flex; }

.ws-sale-dialog {
    position: relative;
    width: min(680px, 100%);
    overflow: hidden;
    border: 1px solid #71351f;
    border-radius: 9px;
    background: #100d0b;
    box-shadow: 0 25px 80px rgba(0, 0, 0, .7);
    color: #e9ded8;
}

.ws-sale-close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 2;
    border: 0;
    background: transparent;
    color: #bdaaa0;
    font-size: 28px;
    cursor: pointer;
}

.ws-sale-dialog > header {
    padding: 19px 22px;
    border-bottom: 1px solid #4b2518;
    background: linear-gradient(130deg, #2a160f, #100d0b);
}

.ws-sale-dialog > header span { color: var(--ws-accent); font-size: 10px; font-weight: 900; letter-spacing: 1.8px; }
.ws-sale-dialog > header h2 { margin: 4px 0; color: #fff; font-size: 22px; }
.ws-sale-dialog > header p { margin: 0; color: #a99890; font-size: 11px; }

.ws-sale-body { display: grid; grid-template-columns: 42% 58%; }
.ws-sale-item { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 290px; padding: 22px; border-right: 1px solid #352019; background: radial-gradient(circle, #29170f, #0b0a09 72%); text-align: center; }
.ws-sale-image { max-width: 110px; max-height: 145px; object-fit: contain; filter: drop-shadow(0 7px 7px #000); }
.ws-sale-item strong { color: #f1c3ff; }
.ws-sale-item span { color: #9f918a; font-size: 10px; }
.ws-sale-item span b { color: #e9ded8; }
.ws-sale-form { padding: 23px; }
.ws-sale-form > label { display: block; margin-bottom: 7px; color: #c9b9b0; font-size: 11px; font-weight: 800; }
.ws-price-row { display: flex; margin-bottom: 15px; }
.ws-price-row input { min-width: 0; flex: 1; padding: 11px; border: 1px solid #4b352d; border-radius: 5px 0 0 5px; outline: none; background: #090909; color: #fff; }
.ws-price-row input:focus { border-color: var(--ws-accent); }
.ws-price-row strong { display: flex; align-items: center; padding: 0 12px; border: 1px solid #4b352d; border-left: 0; border-radius: 0 5px 5px 0; background: #211711; color: #ffb28e; font-size: 11px; }
.ws-sale-form dl { margin: 0 0 16px; padding: 10px 12px; border: 1px solid #30231d; border-radius: 5px; background: #090909; }
.ws-sale-form dl div { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; color: #9d918b; font-size: 10px; }
.ws-sale-form dl dt,.ws-sale-form dl dd { margin: 0; }
.ws-sale-form dl dd { color: #d7c9c2; }
.ws-sale-form dl .is-net { margin-top: 5px; padding-top: 9px; border-top: 1px solid #33251e; color: #fff; font-weight: 800; }
.ws-sale-form dl .is-net dd { color: #ff9a68; font-size: 14px; }
.ws-publish-preview { width: 100%; padding: 11px; border: 1px solid #a04925; border-radius: 5px; background: linear-gradient(#ee672d, #b43d17); color: #fff; font-size: 11px; font-weight: 900; cursor: pointer; }
.ws-publish-preview:disabled { border-color: #463934; background: #2a2725; color: #7f7570; cursor: not-allowed; }
.ws-sale-form > small { display: block; margin-top: 9px; color: #766c67; font-size: 9px; text-align: center; }
.ws-sale-warning { margin-bottom: 12px; padding: 9px 10px; border-left: 3px solid #e04b42; background: #2a1212; color: #f1b3ae; font-size: 10px; }
.ws-market-message { margin: 14px 0; padding: 12px 15px; border-left: 3px solid #d84c4c; border-radius: 5px; background: #2b1515; color: #f0c9c6; }
.ws-market-message.is-success { border-color: #47b86a; background: #102719; color: #b9edc8; }
.ws-market-nav { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 16px 0; }
.ws-market-nav a { display: flex; align-items: center; gap: 8px; padding: 11px 13px; border: 1px solid #ded6d0; border-radius: 6px; background: #fff; color: #4b423d; font-size: 11px; font-weight: 800; text-decoration: none; }
.ws-market-nav a:hover { border-color: #9c4b2c; color: #ca4c1d; }
.ws-market-nav small { margin-left: auto; color: #a0938c; }
.ws-public-market { margin: 16px 0 22px; overflow: visible; border: 1px solid #472418; border-radius: 8px; background: #100d0b; color: #eee; box-shadow: 0 12px 32px rgba(32,15,8,.18); }
.ws-public-market > header { display: flex; align-items: center; justify-content: space-between; padding: 15px 17px; border-bottom: 1px solid #572818; background: linear-gradient(90deg,#21120d,#120e0c); }
.ws-public-market > header span { color: var(--ws-accent); font-size: 9px; font-weight: 900; letter-spacing: 1.5px; }
.ws-public-market > header h2 { margin: 2px 0 0; color: #fff; font-size: 18px; }
.ws-public-market > header small { color: #93857e; font-size: 9px; }
.ws-public-empty { margin: 0; padding: 28px; color: #958982; text-align: center; }
.ws-public-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 10px; padding: 14px; }
.ws-public-card { position: relative; z-index: 1; display: grid; grid-template-columns: 72px 1fr; grid-template-rows: minmax(82px,auto) auto; overflow: visible; border: 1px solid #35241d; border-radius: 6px; background: linear-gradient(145deg,#171311,#0b0a09); }
.ws-public-card:hover,.ws-public-card:focus-within { z-index: 200; border-color: #864124; }
.ws-public-item { position: relative; display: flex; align-items: center; justify-content: center; min-height: 82px; border-right: 1px solid #35241d; background: radial-gradient(circle,#3a2117,#120d0b 72%); }
.ws-public-item > img { max-width: 62px; max-height: 75px; object-fit: contain; filter: drop-shadow(0 5px 5px #000); }
.ws-public-item:hover .ws-tooltip,.ws-public-item:focus .ws-tooltip { display: flex; flex-direction: column; gap: 2px; }
.ws-public-info { display: flex; min-width: 0; flex-direction: column; justify-content: center; gap: 3px; padding: 10px; }
.ws-public-info strong { overflow: hidden; color: #f1c3ff; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ws-public-info span,.ws-public-info small { color: #948780; font-size: 9px; }
.ws-public-card footer { grid-column: 1/-1; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 10px; border-top: 1px solid #2c201b; }
.ws-public-card footer b { color: #ff8a57; font-size: 12px; }
.ws-public-card footer form { margin: 0; }
.ws-public-card footer button { padding: 6px 10px; border: 1px solid #a04925; border-radius: 4px; background: linear-gradient(#e76129,#a83a17); color: #fff; font-size: 8px; font-weight: 900; cursor: pointer; }
.ws-public-card footer button:disabled { border-color: #4b3b34; background: #24201e; color: #857a74; cursor: not-allowed; }
.ws-buy-dialog { width: min(520px,100%); }
.ws-buy-form { padding: 20px; }
.ws-buy-preview { display: flex; align-items: center; gap: 16px; min-height: 105px; padding: 14px; border: 1px solid #35241d; border-radius: 6px; background: radial-gradient(circle at 12% 50%,#321d14,#0b0a09 58%); }
.ws-buy-preview img { width: 82px; height: 82px; object-fit: contain; filter: drop-shadow(0 6px 6px #000); }
.ws-buy-preview div { display: flex; min-width: 0; flex-direction: column; gap: 5px; }
.ws-buy-preview strong { color: #f1c3ff; font-size: 15px; }
.ws-buy-preview span { color: #968981; font-size: 10px; }
.ws-buy-preview span b { color: #d9cbc4; }
.ws-buy-total { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding: 13px 14px; border: 1px solid #4a2a1e; border-radius: 6px; background: #17100d; }
.ws-buy-total span { color: #a99a92; font-size: 11px; }
.ws-buy-total strong { color: #ff8a57; font-size: 18px; }
.ws-buy-form > p { margin: 12px 0; color: #92857e; font-size: 10px; line-height: 1.5; }
.ws-buy-form > p i { margin-right: 5px; color: #61bd7b; }
.ws-buy-actions { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; }
.ws-buy-actions button { padding: 11px; border-radius: 5px; font-size: 10px; font-weight: 900; cursor: pointer; }
.ws-buy-cancel { border: 1px solid #493a34; background: #211d1b; color: #b2a59e; }
.ws-buy-confirm { border: 1px solid #a04925; background: linear-gradient(#ee672d,#b43d17); color: #fff; }
.ws-my-listings { margin: 20px 0; padding: 16px; border: 1px solid #ded6d0; border-radius: 8px; background: #f7f4f2; color: #4b423d; }
.ws-my-listings > h2 { display: flex; justify-content: space-between; margin: 0 0 12px; font-size: 17px; }
.ws-my-listings > h2 small { display: inline-flex; align-items: center; justify-content: center; min-width: 25px; border-radius: 14px; background: #2b1710; color: #ff9d71; font-size: 10px; }
.ws-my-listings > p { margin: 0; color: #8a7e77; font-size: 12px; }
.ws-listing-grid { display: grid; gap: 8px; }
.ws-listing-grid article { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 11px; padding: 9px 11px; border: 1px solid #ded6d0; border-radius: 6px; background: #fff; }
.ws-listing-grid img { max-width: 42px; max-height: 42px; justify-self: center; }
.ws-listing-grid article > div,.ws-listing-grid article > aside { display: flex; flex-direction: column; }
.ws-listing-grid strong { color: #382b25; font-size: 12px; }.ws-listing-grid span,.ws-listing-grid small { color: #93867f; font-size: 9px; }
.ws-listing-grid aside { align-items: flex-end; }.ws-listing-grid aside b { color: #d94e1c; font-size: 12px; }
.ws-cancel-listing { margin-top: 5px; padding: 4px 8px; border: 1px solid #b94d34; border-radius: 4px; background: #fff3ef; color: #a93620; font-size: 9px; font-weight: 800; cursor: pointer; }
.ws-cancel-listing:disabled { border-color: #d4ccc8; background: #eeeae8; color: #aaa09a; cursor: not-allowed; }

.ws-page .ws-item:hover,
.ws-page .ws-item:focus,
.ws-page .ws-item:focus-within {
    z-index: 100;
}

@media (max-width: 720px) {
    .ws-page { --ws-slot: 46px; }
    .ws-tabs { flex-direction: column; }
    .ws-board-wrap { justify-content: flex-start; padding: 10px; }
    .ws-page .ws-summary { align-items: flex-start; flex-wrap: wrap; }
    .ws-page .ws-summary small { width: 100%; margin-left: 0; }
    .ws-sale-body { grid-template-columns: 1fr; max-height: 70vh; overflow: auto; }
    .ws-sale-item { min-height: 170px; border-right: 0; border-bottom: 1px solid #352019; }
    .ws-market-nav { grid-template-columns: 1fr; }
    .ws-public-grid { grid-template-columns: 1fr; }
}

/* Tema claro y navegación principal por vistas. */
.ws-page { color: #3d3733; }
.ws-view-panel { display: none; }
.ws-view-panel.is-active { display: block; }
.ws-page .ws-header { position: relative; min-height: 210px; overflow: hidden; border-color: #ead8cf; background-color: #fff8f0; background-image: linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 36%,rgba(255,250,244,.78) 56%,rgba(255,248,238,.08) 82%),url('../img/market-goblin-banner-v2.jpg'); background-position: center,right center; background-repeat: no-repeat; background-size: 100% 100%,auto 100%; box-shadow: 0 12px 30px rgba(93,55,35,.1); color: #332a26; }
.ws-page .ws-header > div { position: relative; z-index: 1; max-width: 54%; }
.ws-page .ws-header h1 { color: #2d2724; font-size: 27px; font-weight: 750; letter-spacing: .025em; }
.ws-page .ws-header p { color: #746b66; }
.ws-page .ws-readonly { position: relative; z-index: 1; align-self: flex-start; border-color: rgba(240,184,159,.82); background: rgba(255,255,255,.9); color: #c64d20; backdrop-filter: blur(5px); }
.ws-page .ws-notice { border: 1px solid #f0dfb9; border-left: 4px solid #dea43a; background: #fffaf0; color: #665a43; }
.ws-page .ws-error { border: 1px solid #efcaca; border-left: 4px solid #d84c4c; background: #fff4f4; color: #8e3434; }
.ws-page .ws-empty { border-color: #e5ddd8; background: #fff; color: #7d736d; }
.ws-market-message { border: 1px solid #edcccc; border-left: 4px solid #d84c4c; background: #fff4f4; color: #8f3636; }
.ws-market-message.is-success { border-color: #c5e8cf; border-left-color: #47a866; background: #f2fff6; color: #33734a; }
.ws-market-nav { padding: 6px; border: 1px solid #e9dfd9; border-radius: 10px; background: #f7f3f0; }
.ws-market-nav button { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 10px 13px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: #5f5752; font-family: "Inter",Arial,sans-serif; font-size: 13px; font-weight: 600; line-height: 18px; cursor: pointer; transition: .18s ease; }
.ws-market-nav button:hover { border-color: #ead0c3; background: #fff; color: #c64d20; }
.ws-market-nav button.is-active { border-color: #f0b298; background: #fff; box-shadow: 0 5px 14px rgba(118,61,35,.1); color: #c4471b; }
.ws-market-nav button i { color: #e3622f; font-size: 14px; font-weight: 900; line-height: 14px; }
.ws-market-nav button small { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 21px; margin-left: auto; border-radius: 12px; background: #f5e5de; color: #b64a22; font-size: 10px; font-weight: 700; line-height: 21px; }
.ws-public-market { border-color: #e8ddd7; background: #fff; color: #443d39; box-shadow: 0 12px 28px rgba(73,47,34,.08); }
.ws-public-market > header { border-color: #eadfd9; background: linear-gradient(90deg,#fff8f4,#fff); }
.ws-public-market > header h2 { color: #332c28; }
.ws-public-market > header small { color: #8b817b; }
.ws-market-filter { margin: 14px; padding: 16px; border: 1px solid #e7d8cf; border-radius: 8px; background: linear-gradient(145deg,#fff,#faf5f1); box-shadow: 0 6px 18px rgba(73,47,34,.05); }
.ws-filter-search { display: grid; grid-template-columns: minmax(180px,1.35fr) minmax(145px,.8fr) auto; gap: 9px; }
.ws-filter-search label { position: relative; margin: 0; }
.ws-filter-search label i { position: absolute; left: 12px; top: 50%; z-index: 1; color: #a3938a; font-size: 12px; line-height: 12px; transform: translateY(-50%); pointer-events: none; }
.ws-filter-search input { width: 100%; height: 38px; padding: 8px 11px 8px 34px; border: 1px solid #ded2cb; border-radius: 5px; outline: 0; background: #fff; color: #403832; font-size: 12px; font-weight: 500; line-height: 20px; }
.ws-filter-search input:focus { border-color: #e78e68; box-shadow: 0 0 0 3px rgba(222,93,43,.09); }
.ws-filter-search input::placeholder { color: #a09893; opacity: 1; }
.ws-filter-apply { height: 38px; padding: 0 18px; border: 1px solid #e26634; border-radius: 5px; background: linear-gradient(180deg,#f37743,#d95420); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .035em; white-space: nowrap; cursor: pointer; }
.ws-filter-apply:hover { filter: brightness(1.05); }
.ws-market-filter fieldset { min-width: 0; margin: 13px 0 0; padding: 0; border: 0; }
.ws-market-filter legend { display: flex; align-items: center; gap: 7px; width: 100%; margin: 0 0 7px; padding: 0; border: 0; color: #8b7e77; font-size: 9px; font-weight: 800; line-height: 14px; letter-spacing: .12em; }
.ws-market-filter legend::after { content: ""; height: 1px; flex: 1; background: #eadfd9; }
.ws-market-filter legend i { color: #dc5b27; font-size: 11px; }
.ws-market-filter fieldset > div { display: flex; flex-wrap: wrap; gap: 5px; }
.ws-market-filter fieldset button { min-height: 27px; padding: 5px 11px; border: 1px solid #ded4ce; border-radius: 4px; background: #fff; color: #655c57; font-size: 10px; font-weight: 600; line-height: 15px; cursor: pointer; }
.ws-market-filter fieldset button:hover { border-color: #e5a184; color: #c94d1e; }
.ws-market-filter fieldset button.is-active { border-color: #dc642f; background: #fff2eb; color: #bd4317; box-shadow: inset 0 -2px 0 rgba(216,80,29,.16); }
.ws-public-empty { color: #8c817a; }
.ws-filter-empty { margin: 0; padding: 30px 18px; border-top: 1px solid #eee5e0; color: #8c817a; text-align: center; }
.ws-public-grid { background: #faf8f6; }
.ws-public-card { border-color: #e4dcd7; background: #fff; box-shadow: 0 4px 12px rgba(60,39,29,.05); }
.ws-public-card[hidden] { display: none; }
.ws-public-card:hover,.ws-public-card:focus-within { border-color: #e69a78; box-shadow: 0 10px 24px rgba(101,51,28,.12); }
.ws-public-item { border-color: #eadfd9; background: radial-gradient(circle,#fff,#f5ece7 76%); }
.ws-public-info strong { color: #513b65; }
.ws-public-info span,.ws-public-info small { color: #887e78; }
.ws-public-card footer { border-color: #eee5e0; background: #fffcfa; }
.ws-vault-view { padding-top: 2px; }
.ws-account-card { display: flex; align-items: stretch; justify-content: space-between; gap: 10px; margin: 18px 0 4px; }
.ws-account-card > div { display: flex; align-items: center; gap: 11px; min-width: 0; padding: 11px 15px; border: 1px solid #e8ddd7; border-radius: 9px; background: #fff; box-shadow: 0 5px 16px rgba(73,47,34,.06); }
.ws-account-card > div:first-child { flex: 1; }
.ws-account-card > div:last-child { flex: 1.25; justify-content: flex-end; text-align: right; }
.ws-account-card i { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #fff0e9; color: #d95624; font-size: 14px; }
.ws-account-card span { display: flex; flex-direction: column; min-width: 0; }
.ws-account-card small { color: #9a8d86; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.ws-account-card strong { overflow: hidden; color: #403732; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.ws-account-card > div:last-child strong { color: #c44a1c; }
.ws-tabs { border-color: #e8ddd7; background: #f7f3f0; }
.ws-tab.is-active { border-color: #e9a185; background: #fff; box-shadow: 0 4px 12px rgba(88,47,29,.09); color: #c44a1c; }
.ws-tab.is-active small { color: #b67a61; }
.ws-vault-page { border-color: #e5d9d2; background: #fff; box-shadow: 0 10px 24px rgba(55,35,26,.08); }
.ws-vault-page > h2 { border-color: #eadfd8; background: linear-gradient(90deg,#fff7f2,#fff); color: #403732; }
.ws-vault-page > h2 small { color: #8e837d; }
.ws-board-wrap { background: linear-gradient(180deg,#f6efeb,#eee5e0); }
.ws-my-listings { margin-top: 16px; border-color: #e6ddd8; background: #fff; box-shadow: 0 10px 24px rgba(55,35,26,.07); }
.ws-my-listings > h2 { color: #39312d; }
.ws-listing-grid article { border-color: #e8e0db; background: #fffdfc; }
.ws-sale-dialog { border-color: #e6b29b; background: #fff; box-shadow: 0 25px 80px rgba(45,28,20,.3); color: #413a36; }
.ws-sale-dialog > header { border-color: #eadbd4; background: linear-gradient(130deg,#fff4ee,#fff); }
.ws-sale-dialog > header h2 { color: #322b27; }
.ws-sale-dialog > header p { color: #80756f; }
.ws-sale-close { color: #8a7c75; }
.ws-sale-item { border-color: #e8ddd7; background: radial-gradient(circle,#fff,#f5ede8 75%); }
.ws-sale-item strong,.ws-buy-preview strong { color: #513b65; }
.ws-sale-item span,.ws-buy-preview span { color: #857a74; }
.ws-sale-item span b,.ws-buy-preview span b { color: #4b423d; }
.ws-sale-form > label { color: #574e49; }
.ws-price-row input { border-color: #dcd1cb; background: #fff; color: #332c28; }
.ws-price-row strong { border-color: #dcd1cb; background: #f7eee9; color: #bd4b21; }
.ws-sale-form dl { border-color: #e6ddd8; background: #faf8f6; }
.ws-sale-form dl div { color: #7c726c; }
.ws-sale-form dl dd { color: #514943; }
.ws-sale-form dl .is-net { border-color: #e6ddd8; color: #39312d; }
.ws-buy-preview { border-color: #e6ddd8; background: radial-gradient(circle at 12% 50%,#fff,#f6eeea 64%); }
.ws-buy-total { border-color: #ead8cf; background: #fff8f4; }
.ws-buy-total span,.ws-buy-form > p { color: #746a65; }
.ws-buy-cancel { border-color: #ddd2cc; background: #f6f2ef; color: #655b56; }

@media (max-width:720px) {
    .ws-market-nav { grid-template-columns: repeat(2,1fr); }
    .ws-market-nav button { min-width: 0; }
    .ws-market-nav button span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .ws-page .ws-header { min-height: 230px; background-image: linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 48%,rgba(255,248,239,.42) 100%),url('../img/market-goblin-banner-v2.jpg'); background-position: center,right center; background-size: 100% 100%,auto 100%; }
    .ws-page .ws-header > div { max-width: 100%; }
    .ws-page .ws-header h1 { font-size: 22px; }
    .ws-account-card { flex-direction: column; }
    .ws-account-card > div:last-child { justify-content: flex-start; text-align: left; }
    .ws-filter-search { grid-template-columns: 1fr; }
    .ws-filter-apply { width: 100%; }
    .ws-market-filter { margin: 10px; padding: 13px; }
}