.resale-market-tabs {display:flex;gap:6px;margin:0 0 12px;padding:4px;border-radius:24px;background:#8882}
.resale-market-tabs button {flex:1;min-height:34px;border-radius:20px;font-size:13px;font-weight:700;color:#a1a3ac}
.resale-market-tabs button[aria-pressed="true"] {background:#168aff24;color:#339dff}
.gift .resale-source {display:inline-block;margin:7px 4px 0;color:#9d9fa9;font-size:10px;font-weight:700}
.gift:has(.resale-source) h3 {margin-top:4px}
.owned-listing-price button {margin-left:auto;padding:6px 9px;border-radius:16px;background:#168aff;color:#fff;font-size:11px;font-weight:750}
.owned-listing-price span {min-width:0}
#sheet.resale-editor-sheet[open] {
    display:flex;flex-direction:column;position:fixed;inset:auto 0 0;margin:0 auto;max-width:510px;
    width:100%;height:min(90dvh,760px);max-height:90dvh;padding:16px 0 0;overflow:hidden;
    border:1px solid #45454d;border-bottom:0;border-radius:28px 28px 0 0;background:#171719;
}
#sheet.resale-editor-sheet .sheet-head {display:flex;flex:none;height:auto;margin:0;padding:0 16px 12px;gap:12px}
#sheet.resale-editor-sheet .sheet-head h2 {font-size:21px}
#sheet.resale-editor-sheet #sheet-body {flex:1;min-height:0;display:flex}
.resale-editor {width:100%;display:flex;flex-direction:column;min-height:0}
.resale-editor-scroll {flex:1;overflow-y:auto;min-height:0;padding:5px 16px 18px;overscroll-behavior:contain}
.resale-hint {margin:0 0 12px;color:#93959e;font-size:13px}
.resale-editor-card {position:relative;padding:12px;margin:4px 0 13px;border-radius:19px;background:#242426}
.resale-editor-top {display:flex;align-items:center;gap:10px}
.resale-editor-top .transfer-art {width:52px;height:52px}
.resale-editor-top b,.resale-editor-top small {display:block}
.resale-editor-top small {font-size:12px;color:#91939b;margin-top:5px}
.resale-editor-top > span:nth-child(2) {flex:1;min-width:0;overflow-wrap:anywhere}
.resale-remove {position:absolute;right:-6px;top:-7px;border-radius:50%;background:#444549;width:25px;height:25px;line-height:1}
.resale-price {width:86px;height:39px;background:#19191a;border:1px solid #3a3a3d;border-radius:21px;padding:0 10px;color:#fff;flex:none}
.resale-price:focus {outline:2px solid #168aff;outline-offset:1px}
.resale-current-price {text-align:right;white-space:nowrap;font-size:13px}
.resale-reference {display:flex;justify-content:space-between;border-top:1px solid #ffffff12;margin:11px 0 4px;padding-top:9px;font-size:12px}
.resale-reference span {color:#9798a0}
.resale-trait {display:flex;justify-content:space-between;color:#43a5ff;font-size:12px;font-weight:700;line-height:1.6}
.resale-trait b {color:inherit;font-size:inherit;white-space:nowrap}
.resale-trait small {color:inherit;opacity:.75}
.resale-add {display:block;margin:12px auto 0;border:1px solid #7774;border-radius:22px;padding:6px 10px;color:#42a5ff;font-size:13px}
.resale-add b {display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#168aff;color:white}
.resale-editor-footer {flex:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#28282b}
.resale-fee {display:flex;justify-content:space-between;margin-bottom:12px;color:#a3a3ac;font-size:12px}
.resale-fee b {color:#fff;white-space:nowrap}
.resale-confirm {border-radius:28px;min-height:50px}
.resale-confirm small {display:block;margin-top:4px;font-size:11px;opacity:.72}
.resale-confirm:disabled {opacity:.55}
.resale-error {font-size:12px;color:#ff9797}
.inventory-bank {display:flex;align-items:center;text-align:left;gap:7px;padding:8px 10px;border-radius:20px;
    background:linear-gradient(145deg,#729af044,#24283b8c);border:1px solid #9fbaff35;box-shadow:inset 0 1px #ffffff22}
.inventory-bank svg {width:20px;height:20px;flex:none}
.inventory-bank b,.inventory-bank small {display:block;white-space:nowrap}
.inventory-bank small {font-size:10px;color:inherit;opacity:.62}
#nav .nav-main,#nav .games-entry,#nav .profile-nav {background:linear-gradient(150deg,#58586642,#20212b56)!important;
    border-color:#dedfff2c!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);
    box-shadow:inset 0 1px #ffffff18,0 7px 22px #0003!important}
#nav .nav-main button:not(.active),#nav .games-entry {color:#b2b2c1}
html[data-crafter-theme="light"] #nav .nav-main,html[data-crafter-theme="light"] #nav .games-entry,
html[data-crafter-theme="light"] #nav .profile-nav {background:linear-gradient(150deg,#ffffffa8,#d9dff477)!important;border-color:#8995b850!important}
html[data-crafter-theme="light"] #nav .nav-main button:not(.active),html[data-crafter-theme="light"] #nav .games-entry {color:#53596d}
html[data-crafter-theme="light"] #sheet.resale-editor-sheet[open] {background:#f4f5f8}
html[data-crafter-theme="light"] .resale-editor-card,html[data-crafter-theme="light"] .resale-editor-footer {background:#fff}
html[data-crafter-theme="light"] .resale-price {background:#f1f2f6;color:#222;border-color:#d8dae2}
html[data-crafter-theme="light"] .resale-fee b {color:#222}


/* Compact, predictable listing actions on narrow Telegram devices. */
.resale-editor-footer .resale-confirm {
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:1px;width:100%;max-height:54px;min-height:54px;
    padding:7px 10px!important;overflow:hidden;
    border-radius:22px!important;
    line-height:1.1;text-align:center;
}
.resale-editor-footer .resale-confirm b {
    display:block;font-size:clamp(12px,3.5vw,14px);line-height:1.15;
    white-space:normal;overflow-wrap:normal;
}
.resale-editor-footer .resale-confirm small {
    display:block;margin:0!important;
    font-size:clamp(10px,2.6vw,11px);line-height:1.05;
}
.resale-editor-scroll .resale-add {
    display:inline-flex;align-items:center;justify-content:center;
    gap:8px;max-width:100%;min-height:37px;
    margin:11px auto 0;padding:8px 13px;border-radius:19px;
    font-size:12px;white-space:normal;text-align:center;
}
.resale-editor-scroll .resale-add b {
    display:grid;place-items:center;flex:none;width:23px;height:23px;
    border-radius:50%;font-size:17px;line-height:1;
}
.resale-editor-footer {min-width:0}
@media(max-width:370px){
    .resale-editor-footer {padding:9px 12px calc(10px + env(safe-area-inset-bottom))}
    .resale-editor-scroll {padding:4px 12px 12px}
}