.beta-client #mobile-dir-bar .bs-nav{flex:0 0 auto;min-width:48px;max-width:65px;min-height:40px;padding:5px 8px;border:1px solid #c9ae68;border-radius:7px;background:linear-gradient(#826939,#665027);color:#fff0c5;font-size:12px}
.beta-client #mobile-dir-bar .bs-nav[hidden]{display:none!important}
[data-panel=shop]{container-type:inline-size;padding:14px!important;overflow:auto}
.bs-heading small{font-size:10px;letter-spacing:.16em;color:#a6c4b5}.bs-heading h3{color:#f4e5b8;margin:6px 0;font-size:1.2rem}.bs-heading p,.bs-stock{font-size:12px;color:#aac2c8;line-height:1.5}.bs-actions{display:flex;gap:8px}.bs-state{padding:10px 12px;border-left:3px solid #b89c5c;background:#213841;color:#e6ddb9;font-size:13px;line-height:1.5}
[data-panel=shop] input[type=search]{box-sizing:border-box;width:100%;min-height:42px;margin:2px 0 12px;padding:10px;border:1px solid #4d6971;border-radius:8px;background:#10232e;color:#edf2e3;font-size:16px}
.bs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px}.bs-item{display:flex;flex-direction:column;position:relative;min-width:0;padding:14px;border:1px solid #49615d;border-radius:12px;background:linear-gradient(145deg,#254249,#142b36);box-shadow:0 4px 12px #07141b33}.bs-number{font-size:10px;letter-spacing:.08em;color:#9eb9b9}.bs-item h3{margin:8px 0 12px;font-size:1rem;line-height:1.4;color:#f0e4c1;overflow-wrap:anywhere}.bs-price{margin:auto 0 0;color:#edd899;font-variant-numeric:tabular-nums}.bs-price strong{font-size:1.1rem}.bs-price span{font-size:11px}.bs-stock{margin:6px 0 14px}.bs-item .bs-buy{width:100%;min-height:42px;background:linear-gradient(#526e49,#354f3e);border-color:#92ad75;color:#f0f1ce}.bs-item .bs-buy:disabled{opacity:.45}.bs-receipt{border:1px solid #5c775b;border-radius:8px;background:#203a36;padding:12px;margin:10px 0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.bs-receipt h4{margin:0 0 8px;color:#d8e8b4}.bs-original{margin:16px 0;color:#acbfc0;font-size:12px}.bs-original pre{white-space:pre-wrap;overflow-wrap:anywhere}.bs-more{margin:0 0 12px}
[data-panel=shop] button{min-height:40px;padding:9px 12px;border:1px solid #57717a;border-radius:8px;background:#294651;color:#e8e6ce;font:inherit;font-size:13px;cursor:pointer}[data-panel=shop] button:disabled{opacity:.5;cursor:default}[data-panel=shop] button:focus-visible,[data-panel=shop] input:focus-visible{outline:2px solid #dbc277;outline-offset:2px}.bs-receipt summary{cursor:pointer;color:#d8e8b4;font-size:12px}.bs-heading p{margin:6px 0 10px}.bs-state{margin:10px 0}.bs-receipt{margin:8px 0;padding:8px 10px}.bs-actions button{min-height:36px;padding:7px 10px}@container(max-width:420px){.bs-heading p{display:none}.bs-heading h3{font-size:1rem;margin:4px 0 8px}.bs-state{padding:8px;font-size:12px}.bs-item{padding:12px}.bs-heading small{font-size:9px}}
#beta-sheet-body[data-panel=shop]{display:block}#beta-sheet-body[data-panel=shop]>.bs-grid{margin-top:0}#beta-sheet-body[data-panel=shop]>.bs-heading{margin-bottom:10px}

/* Narrow shop panes use a compact shelf row with a full touch-size buy target. */
@container(max-width:520px){
 .bs-grid{grid-template-columns:1fr;gap:7px}
 .bs-item{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:3px;padding:10px;border-radius:9px;box-shadow:none}
 .bs-number{grid-column:1/-1;font-size:9px}
 .bs-item h3{grid-column:1/-1;margin:0 0 3px;font-size:14px;line-height:1.3}
 .bs-price{grid-column:1;grid-row:3;margin:0;align-self:end;line-height:1.3}
 .bs-price strong{font-size:15px}.bs-price span{font-size:10px}
 .bs-stock{grid-column:1;grid-row:4;margin:0;font-size:10px;line-height:1.3}
 .bs-item .bs-buy{grid-column:2;grid-row:3/5;align-self:center;min-width:72px;width:auto;min-height:44px;padding:7px 9px;font-size:12px}
}

.bs-details{margin:8px 0 6px}#bs-inspector{box-sizing:border-box;width:min(650px,calc(100% - 24px));max-height:calc(var(--app-height,800px) - 30px);overflow:auto;background:#152b36;color:#dfebde;border:1px solid #7c967e;border-radius:14px;padding:20px}#bs-inspector::backdrop{background:#06141bd9;backdrop-filter:blur(3px)}#bs-inspector header{display:flex!important;align-items:start;justify-content:space-between;gap:12px}#bs-inspector h2{font:700 21px/1.3 system-ui;color:#f2e4bc;margin:6px 0;overflow-wrap:anywhere}#bs-inspector small{font:10px system-ui;letter-spacing:.16em;color:#afd1b1}#bs-inspector button{min-height:44px;padding:9px 14px;border:1px solid #728e83;border-radius:8px;background:#2c4951;color:#f2edd2;font:600 13px system-ui}#bs-inspector header button{min-width:44px;font-size:23px}.bs-detail-price{color:#e9d4a1;font:600 14px/1.5 system-ui}.bs-detail-output{font:13px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#10232d;border:1px solid #405a61;border-radius:10px}.bs-detail-buy{margin-top:14px;width:100%}#bs-inspector .bs-detail-buy{background:#3c5d44;border-color:#8daa73}#bs-inspector button:focus-visible{outline:2px solid #ebd28c;outline-offset:2px}
@container(max-width:520px){.bs-stock{grid-column:2;grid-row:3;align-self:center;text-align:right}.bs-item .bs-buy{grid-row:4;min-height:44px}.bs-item .bs-details{grid-column:1;grid-row:4;min-height:44px;margin:0;padding:5px 10px;justify-self:start;font-size:12px}}
@media(max-width:600px){#bs-inspector{padding:14px}#bs-inspector h2{font-size:18px}.bs-detail-output{padding:10px;font-size:12px}}

.bs-order{display:grid;grid-template-columns:1fr;gap:8px;margin-top:16px}.bs-order label{font:600 13px system-ui;color:#d5e2ce}.bs-quantity-stepper{display:flex;align-items:center;gap:8px}.bs-quantity-stepper input{box-sizing:border-box;width:90px;min-height:44px;padding:8px;text-align:center;border:1px solid #728e83;border-radius:8px;background:#10232d;color:#edf2e3;font:16px system-ui}.bs-quantity-stepper button{min-width:44px}.bs-order-total{font:600 14px/1.5 system-ui;color:#ecd7a1;overflow-wrap:anywhere}.bs-order .bs-detail-buy{margin-top:2px;overflow-wrap:anywhere}.bs-order input:focus-visible{outline:2px solid #ebd28c;outline-offset:2px}#bs-inspector button:disabled{opacity:.45;cursor:default}

#bs-inspector header{background:transparent;border:0;box-shadow:none;margin:0;padding:0;text-align:left}#bs-inspector header>div{min-width:0}#bs-inspector header>button{flex-shrink:0}

.bs-detail-cards{display:grid;gap:12px}.bs-readout{padding:14px;border:1px solid #48696a;border-radius:10px;background:#102730;min-width:0}.bs-readout[data-equipped=true]{background:#1b3038;border-color:#626f76}.bs-readout h3{font:600 16px/1.4 system-ui;color:#e4e9d3;margin:7px 0 12px;overflow-wrap:anywhere}.bs-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0}.bs-detail-facts>div{border:1px solid #39575c;border-radius:7px;background:#1c353d;padding:9px 11px;min-width:0}.bs-detail-facts dt{font:11px/1.4 system-ui;color:#9fbcbc}.bs-detail-facts dd{font:600 14px/1.5 system-ui;color:#e2e9ce;margin:3px 0 0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.bs-detail-group h4{color:#ddd5ab;font:600 13px system-ui;margin:16px 0 7px}.bs-detail-group p{font:13px/1.6 system-ui;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bs-detail-original{color:#b5ccc6;font:12px/1.5 system-ui}.bs-detail-original summary{cursor:pointer;min-height:36px;display:list-item;padding:6px 0;box-sizing:border-box}.bs-detail-original .bs-detail-output{margin-top:6px}
@media(max-width:420px){.bs-readout{padding:11px}.bs-detail-facts{gap:6px}.bs-detail-facts>div{padding:7px 8px}.bs-detail-facts dd{font-size:12px}.bs-detail-group p{font-size:12px}}
/* Contain the website banner rules inside this scrolling item dialog. */
#bs-inspector>header{position:sticky;top:-20px;z-index:2;background:#152b36;height:auto;min-height:0;overflow:visible;border-image:none;border-bottom:1px solid #405a61;padding:12px 0;margin:0 0 10px;box-sizing:border-box}
#bs-inspector>header::after{display:none!important}
@media(max-width:600px){#bs-inspector>header{top:-14px}}
@media(min-width:800px){#bs-inspector:has(.bs-readout[data-equipped=true]){width:min(900px,calc(100% - 32px))}#bs-inspector:has(.bs-readout[data-equipped=true]) .bs-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.bs-detail-original{grid-column:1/-1}}

/* Keep purchase outcomes readable in the narrow mobile shelf. */
.bs-purchase-result{border:1px solid #68896b;border-radius:9px;padding:12px;margin:10px 0;background:#203c37;overflow-wrap:anywhere}
.bs-purchase-result h4{font:700 15px/1.3 system-ui;color:#dcecaf;margin:0 0 7px}.bs-purchase-name{font:600 13px/1.45 system-ui;color:#f0e6c4;margin:0 0 9px}.bs-purchase-facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}.bs-purchase-facts dt{font:11px/1.5 system-ui;color:#acbfb8}.bs-purchase-facts dd{font:600 14px/1.5 system-ui;color:#e6eccd;margin:0;font-variant-numeric:tabular-nums}.bs-purchase-reason{font:12px/1.5 system-ui;margin:9px 0 0;color:#d0ddd7}.bs-purchase-result .bs-open-bag{margin-top:10px;min-height:40px}.bs-purchase-result[data-outcome=partial]{background:#353b2e;border-color:#a0935b}.bs-purchase-result[data-outcome=refused]{background:#392e2a;border-color:#9d7160}.bs-purchase-result[data-outcome=refused] h4{color:#f2c8aa}.bs-purchase-result[data-outcome=unconfirmed]{background:#24343e;border-color:#75868a}.bs-purchase-result[data-outcome=unconfirmed] h4{color:#d7e2e3}
@container(max-width:420px){.bs-purchase-result{padding:10px}.bs-purchase-facts{gap:6px 14px}.bs-purchase-facts dd{font-size:13px}}