.journey-art{position:relative;overflow:hidden;width:100%;aspect-ratio:2.5;border:1px solid #8d6e3e;border-radius:12px;box-shadow:inset 0 0 30px #120e0a;margin-bottom:16px}
.journey-art:before{content:'';position:absolute;inset:50% 0 auto;width:100%;aspect-ratio:1;transform:translateY(-50%);background-image:url('./art/journey-019.webp');background-size:200% 200%;background-position:inherit}
.journey-art-trade{background-position:0 0}.journey-art-loot{background-position:100% 0;aspect-ratio:3.5}.journey-art-dungeon{background-position:0 100%;aspect-ratio:1.7}.journey-art-path{background-position:100% 100%;aspect-ratio:1.7}
.battle-preparation{text-align:center;overflow:hidden}.battle-preparation .row{justify-content:center;margin:18px 0}.battle-preparation>.primary{margin-top:10px;min-height:54px}
.trade-panel{max-width:900px;margin:0 auto 24px}.trade-trays{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px}.trade-tray{min-width:0;background:linear-gradient(140deg,#38271fe8,#171613f5);border:1px solid #6d5435;border-radius:10px;padding:14px;box-shadow:inset 0 0 20px #080604}.trade-tray.confirmed{border-color:#a1c382;box-shadow:inset 0 0 25px #48674155}.trade-tray header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.trade-tray header .portrait{width:46px;height:46px;flex:0 0 46px}.trade-seal{display:block;color:#d9c29b;margin:10px 0}.confirmed .trade-seal{color:#b9dba1}.trade-offered{display:flex;gap:8px;align-items:center;margin:12px 0}.trade-offered>div{min-width:0}.trade-offered small,.trade-stock small{display:block;font-size:11px;color:#b9ae9b}.trade-offered .item-art{width:48px;height:48px;flex:0 0 48px}.trade-gold{display:block;color:#ebcb7e;border-top:1px solid #765b334d;padding-top:12px}.trade-editor{border-top:1px solid #806749;padding:12px 0;margin:12px 0}.trade-stock{max-height:430px;overflow:auto;overscroll-behavior:contain;margin:14px 0}.trade-stock-item{display:grid;grid-template-columns:56px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #ffffff14}.trade-stock-item>.item-art{width:56px;height:56px}.trade-quantity{display:flex;align-items:center;gap:8px}.trade-quantity button{min-width:42px;padding:7px}.trade-invite{margin-top:12px}.trade-result{text-align:center;color:#bfd2a2}.loot-choices .pending-piece{padding:14px;min-width:0}.loot-choices .pending-piece>.pack-piece{width:72px;height:90px;float:left;margin:0 12px 8px 0}.loot-choices .row{clear:both;margin-top:12px}.loot-choices .pack-item-name{display:none}.loot-choices .gear-warning{display:block}.menu-badge{position:absolute;top:3px;right:8px;min-width:21px;height:21px;line-height:19px;padding:0 5px;border-radius:50px;background:linear-gradient(#cf854b,#9e3e2d);border:1px solid #f3d69a;color:#fff6df;box-shadow:0 2px 7px #000b;font:700 12px/19px system-ui;text-align:center;pointer-events:none}.hero-tabs button,nav [data-tab]{position:relative}.hero-tabs .menu-badge{top:4px;right:4px}.pending-counter{color:#edc68a}
@media(max-width:480px){.trade-trays{gap:7px}.trade-tray{padding:10px 7px}.trade-offered{display:block}.trade-offered .item-art{margin-bottom:6px}.trade-stock-item{grid-template-columns:48px 1fr}.trade-stock-item>.item-art{width:48px;height:48px}.trade-quantity{grid-column:2;justify-content:flex-end}.trade-panel{padding:14px}.trade-tray strong{font-size:13px;overflow-wrap:anywhere}.journey-art-trade{aspect-ratio:2}}
.discard-confirm{margin-top:16px;padding:14px;background:#3f2923;border:1px solid #a27854;border-radius:10px}.discard-confirm>small{display:block;margin:6px 0 12px}.shop-purchase{flex-wrap:wrap}.shop-purchase>.gear-warning{flex-basis:100%;text-align:right}