.market-window{width:min(1230px,calc(100% - 32px));height:min(820px,calc(100% - 32px));max-height:calc(100% - 32px);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
.market-window .market-tabs button{font-size:14px;min-height:36px}
.market-window .market-summary{font-size:13px;margin:10px 0}
#market-window[data-market-tab] .market-content{display:grid;grid-template-columns:minmax(0,var(--market-search-width,320px)) 24px minmax(0,1fr);gap:8px;align-items:stretch;flex:1;min-height:0;overflow:hidden}
#market-window[data-market-tab=browse][data-market-search-collapsed=true] .market-content{grid-template-columns:minmax(0,1fr)}
#market-window .market-basic-search{display:grid;grid-template-columns:minmax(0,1fr) 80px 120px;gap:8px;flex-shrink:0;margin:0 0 12px;align-items:center}
#market-window .market-basic-search label{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}#market-window .market-basic-search input{flex:1;width:100%;min-width:0}#market-window .market-basic-search button{padding:8px 12px;min-height:40px;font-size:13px;white-space:nowrap}#market-window #market-basic-search-button{color:#ffe8a5;border-color:#bc9c50;background:#5f5330}#market-window .market-basic-search[hidden]{display:none}
#market-window .market-search-handle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-width:0;padding:0;font-size:19px;color:var(--gold);border:1px solid var(--line);border-radius:4px;cursor:col-resize;touch-action:none;user-select:none}
.market-search-handle-label{writing-mode:vertical-rl;font-size:12px;letter-spacing:2px}.market-search-handle[data-dragging=true]{border-color:var(--gold);background:var(--selection)}#market-window .market-search-handle[hidden]{display:none}#market-window[data-market-search-collapsed=true] .market-search-handle{cursor:pointer}
#market-window[data-market-tab=register] .market-content,#market-window[data-market-tab=history] .market-content{grid-template-columns:minmax(0,1fr)}
.market-search-panel{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding:12px;padding:14px;background:#171a18;border:1px solid #494738;border-radius:5px}
.market-search-panel form{display:grid;gap:13px}
.market-window label,.market-window legend{font-size:13px;color:#decfaa}
.market-search-panel label{display:grid;gap:6px}
.market-window input,.market-window select{box-sizing:border-box;min-width:0;background:#0c100f;border:1px solid #555541;border-radius:3px;color:#eee5ce;font:inherit;padding:8px}
.market-search-panel input,.market-search-panel select{width:100%;font-size:13px}
.market-window fieldset{border:0;padding:0;margin:0;min-width:0}
.market-window legend{padding:0;margin-bottom:6px}
.market-range{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:4px;align-items:center;text-align:center}
.market-trait{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 27px;gap:5px;margin-bottom:7px}
.market-trait select{grid-column:1/-1}.market-trait-remove{font-size:18px;padding:0}
.market-window #market-trait-add{width:100%;padding:7px;font-size:12px}
.market-window #market-search-button,.market-window #market-register-submit,.market-window #market-action{background:#5f5330;border:1px solid #bc9c50;color:#ffe8a5;padding:10px 22px;font-size:14px;font-weight:700}
.market-search-panel small{font-size:11px;color:#aaa28d;line-height:1.5}
.market-results{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.market-results h3{font-size:14px;color:#dac78a;margin:4px 0 10px}
.market-table-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #474635;border-radius:4px;scrollbar-width:thin;max-height:none}
.market-window #market-list{display:block;max-height:none;overflow:visible}
.market-row{display:grid;grid-template-columns:minmax(212px,1fr) 46px 46px 126px 178px 132px 85px 62px;gap:8px;align-items:center;padding:10px 12px;min-width:925px;box-sizing:border-box;font-size:14px;border-bottom:1px solid #30352d;background:#101612}
.market-row:last-child{border-bottom:0}.market-row.chosen{background:#2a2b19;box-shadow:inset 3px 0 #d9ba50}
#market-window[data-market-tab=browse] .market-row:not(.market-columns){cursor:pointer}.market-row:focus-visible{outline:2px solid #d9ba50;outline-offset:-2px}
.market-columns{position:sticky;top:0;z-index:1;background:#242920;color:#b8ad87;font-size:12px;min-height:36px;padding-top:8px;padding-bottom:8px}
.market-name{display:flex;gap:9px;align-items:center;min-width:0}.market-name b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-name .item-icon-state{flex:0 0 36px;width:36px;height:36px;border:1px solid #55513b;border-radius:3px;background:#080d0a}.market-name .item-icon-state canvas{max-width:100%;max-height:100%}
.market-unit-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.market-recent-price{display:block;font-size:10px!important;color:#aaa993;line-height:1.4;white-space:normal}.market-total,.market-unit{font-size:16px;white-space:nowrap}.market-total{color:#ffe38d}.market-unit{color:#e4cd8a}
.market-total .money-icon,.market-unit .money-icon{width:15px;height:15px}.market-date{font-size:12px;white-space:nowrap;color:#b0b2a1}.market-seller{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.market-row-actions{display:flex;justify-content:flex-end;gap:6px}.market-row-actions button{padding:6px 9px;white-space:nowrap;font-size:12px}
.market-history-state{grid-column:1/-1;display:flex;align-items:center;gap:10px;color:#b5b29c;font-size:12px;padding-left:45px}.market-history-state .market-row-actions{margin-left:auto}
.market-empty{padding:26px;text-align:center;color:#aaa28d;font-size:14px}
.market-window .market-pager{flex-shrink:0;display:flex;align-items:center;gap:12px;height:18px;margin:8px 0;overflow:hidden}.market-pager small{font-size:12px;line-height:18px;color:#afa78f;white-space:nowrap}
#market-register-panel{flex:0 0 auto;height:260px;max-height:48%;overflow:auto;min-height:0}.market-register-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;margin:8px 0 12px}
.market-register-bag{min-width:0}.market-window #market-register-list{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;overflow:visible;max-height:none}
.market-register-bag .item-slot{width:100%;height:auto;aspect-ratio:1;min-width:0;position:relative}.market-register-bag .item-slot canvas{max-width:90%;max-height:90%}.market-register-bag .slot-quantity{position:absolute;right:3px;bottom:1px;font-size:11px;color:#fff4c4;text-shadow:0 1px #000}
.market-register-bag .inventory-bag-tabs{margin:0 0 8px}.market-register-bag .inventory-bag-tabs button{min-height:32px}.market-register-bag .slot-pager{margin-top:8px}
.market-window .market-register-form{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px;background:#171a18;border:1px solid #494738;border-radius:5px}
.market-register-form strong{font-size:15px}.market-register-form label{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:8px}.market-window .market-register-form input{width:100%;margin:0;padding:6px;font-size:14px}.market-register-form small{color:#b4aa8c;font-size:11px;line-height:1.4}.market-window #market-register-submit{padding:7px 22px}
.market-window .market-action-panel{flex-shrink:0;display:grid;grid-template-columns:148px minmax(0,1fr) 86px;grid-template-rows:minmax(0,1fr) 18px;align-items:center;column-gap:12px;row-gap:6px;height:96px;box-sizing:border-box;border-top:1px solid #474635;padding-top:12px}
.market-window #market-action-detail{min-width:0;font-size:16px;line-height:1.4}.market-window #market-buy-controls{font-size:13px;gap:8px}.market-window #market-buy-quantity{width:70px;font-size:14px}.market-action-panel small{grid-column:1/-1;color:#afa78f;font-size:12px}
@media(min-width:741px) and (max-width:1050px){.market-window #market-register-list{grid-template-columns:repeat(12,minmax(0,1fr))}}
@media(max-width:740px){
  .market-window{width:calc(100% - 16px);height:calc(100% - 16px);max-height:calc(100% - 16px);padding:12px}
  #market-window[data-market-tab] .market-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,.85fr) minmax(0,1fr);gap:8px}.market-search-panel{grid-column:1;grid-row:1;padding:10px}#market-window .market-search-handle{display:none}.market-results{grid-column:1/-1;grid-row:2}
  #market-window[data-market-tab=browse][data-market-search-collapsed=true] .market-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}#market-window[data-market-search-collapsed=true] .market-results{grid-column:1;grid-row:1}
  #market-window .market-basic-search{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}#market-window .market-basic-search label{grid-column:1/-1}#market-window .market-basic-search label{font-size:12px;gap:6px}
  #market-window[data-market-tab=register] .market-content,#market-window[data-market-tab=history] .market-content{grid-template-rows:minmax(0,1fr)}#market-window[data-market-tab=register] .market-results,#market-window[data-market-tab=history] .market-results{grid-column:1/-1;grid-row:1}
  .market-search-panel form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.market-trait-field,.market-search-panel form>small,.market-search-panel #market-search-button{grid-column:1/-1}
  .market-window input,.market-window select,.market-window button{min-height:44px}.market-trait{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.market-trait select{grid-column:1/-1}
  .touch-ui #market-window.market-window[data-market-tab] :is(input:not([type=checkbox]):not([type=radio]),select){font-size:16px;min-height:44px}
  #market-window[data-market-tab]>.window-title [data-close-rpg],#market-window[data-market-tab] .market-trait-remove{min-width:44px;min-height:44px;padding:0}
  .market-window .market-tabs button{min-height:42px}.market-window .market-register-layout{grid-template-columns:minmax(0,1fr);gap:12px}.market-window #market-register-list{grid-template-columns:repeat(6,minmax(0,1fr))}
  .market-register-form label{grid-template-columns:76px minmax(0,1fr)}#market-register-panel{max-height:46%}.market-table-scroll{max-height:none}.market-row-actions button{min-height:40px}
  .market-window .market-action-panel{grid-template-columns:82px minmax(0,1fr) 64px;column-gap:8px;height:100px}.market-window #market-buy-controls{display:grid;gap:3px}.market-window #market-action{width:100%;padding:10px 5px}.market-window #market-action-detail{font-size:14px}.market-action-panel small{font-size:11px}
}
@media(min-width:561px) and (max-width:740px) and (max-height:520px){
  .market-window{padding:8px}.market-window .window-title{padding-bottom:4px;margin-bottom:6px}.market-window .window-title button,.market-window .market-tabs button{min-height:32px}.market-window .market-summary{margin:6px 0;font-size:11px}
  #market-window[data-market-tab] .market-content{grid-template-columns:minmax(0,var(--market-search-width,240px)) 24px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:6px}.market-search-panel{padding:8px}.market-search-panel form{grid-template-columns:minmax(0,1fr);gap:8px}.market-results{grid-column:3;grid-row:1}#market-window .market-search-handle{display:flex;cursor:col-resize!important}
  .market-results h3{display:none}.market-columns{min-height:28px;padding-top:4px;padding-bottom:4px}.market-window .market-pager{height:12px;margin:2px 0}.market-pager small{font-size:10px;line-height:12px}
  .market-window .market-action-panel{height:52px;padding-top:6px;grid-template-columns:62px minmax(0,1fr) 58px;grid-template-rows:minmax(0,1fr);gap:6px}.market-window #market-buy-controls{gap:1px;font-size:10px}.market-window #market-buy-quantity{min-height:28px;width:56px;padding:3px;font-size:12px}.market-window #market-action-detail{font-size:12px}.market-window #market-action{min-height:32px;padding:6px 4px;font-size:12px}.market-action-panel small{display:none}
  #market-register-panel{height:120px;max-height:48%}
}

.touch-ui #market-window[data-market-tab]{height:calc(var(--touch-height,100dvh) - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));max-height:calc(var(--touch-height,100dvh) - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));overflow:hidden;container:market-window / size}
.touch-ui #market-window[data-market-tab=browse] .market-content{box-sizing:border-box;padding-bottom:112px}
.touch-ui #market-window[data-market-tab=browse] .market-action-panel{position:absolute;left:12px;right:12px;bottom:12px;background:var(--floating)}
.touch-ui #market-window[data-market-tab] :is(#market-basic-search button,.market-tabs button,#market-action,.market-row-actions button){min-height:44px}
.touch-ui #market-window[data-market-tab]>.window-title [data-close-rpg],.touch-ui #market-window[data-market-tab] .market-trait-remove{min-width:44px;min-height:44px;padding:0}

@media(max-width:740px) and (max-height:520px){
  #market-window[data-market-tab]>.window-title{padding-bottom:4px;margin-bottom:6px}
  #market-window[data-market-tab] .market-summary{margin:4px 0}
  #market-window .market-basic-search{grid-template-columns:minmax(0,1fr) 58px 104px}
  #market-window .market-basic-search label{grid-column:auto;font-size:0;gap:0}
  #market-window .market-basic-search button{padding:8px 4px;font-size:12px}
  #market-window .market-results h3{display:none}
  #market-window .market-pager{height:12px;margin:2px 0}
  #market-window .market-pager small{font-size:10px;line-height:12px}
  .touch-ui #market-window[data-market-tab=browse] .market-content{padding-bottom:82px}
  .touch-ui #market-window[data-market-tab=browse] .market-action-panel{height:70px;padding-top:6px;grid-template-rows:minmax(0,1fr)}
  .touch-ui #market-window[data-market-tab=browse] .market-action-panel small{display:none}
}

/* A mobile keyboard may reduce the visual viewport without changing media-query height. */
@container market-window (max-height:480px){
  #market-window[data-market-tab]>.window-title{padding-bottom:4px;margin-bottom:6px}
  #market-window[data-market-tab] .market-summary{margin:4px 0}
  #market-window .market-basic-search{grid-template-columns:minmax(0,1fr) 58px 104px}
  #market-window .market-basic-search label{grid-column:auto;font-size:0;gap:0}
  #market-window .market-basic-search button{padding:8px 4px;font-size:12px}
  #market-window .market-results h3{display:none}
  #market-window .market-pager{height:12px;margin:2px 0}
  #market-window .market-pager small{font-size:10px;line-height:12px}
  .touch-ui #market-window[data-market-tab=browse] .market-content{padding-bottom:82px}
  .touch-ui #market-window[data-market-tab=browse] .market-action-panel{height:70px;padding-top:6px;grid-template-rows:minmax(0,1fr)}
  .touch-ui #market-window[data-market-tab=browse] .market-action-panel small{display:none}
}

#market-window[data-market-tab=register] .market-content,#market-window[data-market-tab=history] .market-content{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
#market-window[data-market-tab=register] .market-results,#market-window[data-market-tab=history] .market-results{grid-column:1/-1;grid-row:1}