.shop-page{--shop-paper: rgba(237, 226, 205, .58);--shop-line: rgba(76, 56, 38, .2);display:flex;min-height:0;flex:1;flex-direction:column;gap:14px;color:#2a201a}.shop-head,.shop-toolbar,.shop-item{border:1px solid var(--shop-line);background:var(--shop-paper);box-shadow:inset 0 0 0 1px #fff9e857}.shop-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;flex-shrink:0;padding:22px 18px 18px;background:linear-gradient(90deg,rgba(164,88,75,.1),transparent 24%),linear-gradient(180deg,#fff9e85c,#ede2cd8a)}.shop-head:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:repeating-linear-gradient(90deg,#a4584bb3 0 24px,#c8a857ad 24px 40px,#7a947994 40px 56px,#5a6f8f6b 56px 72px)}.shop-head-main{min-width:0}.shop-eyebrow{margin:0 0 4px;color:#a4584be0;font-size:12px;letter-spacing:.24em}.shop-title{margin:0;font-size:clamp(28px,3vw,42px);font-weight:500;letter-spacing:0}.shop-title-row{display:flex;align-items:center;gap:14px;min-width:0}.shop-copy{max-width:48rem;margin:6px 0 0;color:#3a2e26b8;font-size:14px;line-height:1.7}.shop-wallet{display:grid;min-width:138px;gap:4px;justify-items:end;border-left:1px solid rgba(164,88,75,.22);padding-left:18px}.shop-wallet-label{color:#a4584bc7;font-size:12px;letter-spacing:.24em}.shop-wallet-value{color:#3a2e26f5;font-size:26px}.shop-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding:10px}.shop-tabs{display:flex;flex-wrap:wrap;gap:8px}.shop-lock-toggle{border:1px solid rgba(164,88,75,.34);background:#a4584b1a;color:#2a201a;cursor:pointer;transition:background .16s ease,border-color .16s ease,opacity .16s ease}.shop-tab{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:7px 11px;font-size:12px;letter-spacing:.16em}.shop-tab[aria-pressed=true]{border-color:#a4584bc2;background:linear-gradient(180deg,#a4584b40,#a4584b26);box-shadow:inset 0 -2px #a4584b7a}.shop-status{margin:0;color:#3a2e2694;font-size:12px}.shop-status[data-kind=error]{color:#a44234f2}.shop-status[data-kind=ok]{color:#415c46eb}.shop-goods{display:grid;align-content:start;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;min-height:0;overflow-y:auto;padding-right:2px}.shop-item{--trade-accent: rgba(139, 132, 120, .46);position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;min-width:0;padding:11px 12px 28px 11px;color:inherit;cursor:pointer;font:inherit;text-align:left;box-shadow:inset 0 0 0 1px #fff9e857,inset 3px 0 0 var(--trade-accent);transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.shop-item[data-trade-mode=is-both]{--trade-accent: rgba(200, 168, 87, .74)}.shop-item[data-trade-mode=is-sell-only]{--trade-accent: rgba(164, 88, 75, .72)}.shop-item[data-trade-mode=is-buy-only]{--trade-accent: rgba(122, 148, 121, .72)}.shop-item:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--trade-accent),transparent 72%);opacity:.72}.shop-item:hover,.shop-item:focus-visible{border-color:#a4584b85;background:#ede2cdad;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #fff9e875,inset 3px 0 0 var(--trade-accent),0 8px 18px #2a201a1a}.shop-item-img-frame{display:block;width:92px;height:92px;border:1px solid rgba(76,56,38,.22);background:linear-gradient(180deg,#fff9e880,#e3d6bb70);padding:4px}.shop-item-img{width:100%;height:100%;border:1px solid rgba(76,56,38,.16);background:#ede2cd9e;-o-object-fit:cover;object-fit:cover;transition:transform .18s ease}.shop-item:hover .shop-item-img,.shop-item:focus-visible .shop-item-img{transform:scale(1.04)}.shop-item-main{min-width:0}.shop-item-title-row,.shop-item-facts,.shop-modal-title-row,.shop-trade-input-row{display:flex;align-items:center}.shop-item-title-row,.shop-modal-title-row{justify-content:space-between;gap:8px}.shop-item-title,.shop-modal-title{margin:0;overflow-wrap:anywhere;font-size:17px;font-weight:500;letter-spacing:0}.shop-modal-title{font-size:23px}.shop-section-tag{flex:0 0 auto;border:1px solid rgba(200,168,87,.4);padding:2px 6px;color:#785226e0;font-size:11px}.shop-item-desc{display:-webkit-box;min-height:2.8em;margin:5px 0 0;overflow:hidden;color:#3a2e26a8;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-item-facts{flex-wrap:wrap;gap:5px;margin-top:8px;color:#3a2e26ad;font-family:var(--yz-mono, monospace);font-size:11px}.shop-item-facts span{border:1px solid rgba(76,56,38,.14);background:#fff9e859;padding:2px 5px}.shop-item-facts .shop-mode-mark{border-color:#4c382638;font-family:var(--yz-sans, sans-serif);font-weight:600}.shop-item-facts .shop-mode-mark.is-both{background:#c8a85729;color:#624622f5}.shop-item-facts .shop-mode-mark.is-sell-only{border-color:#a4584b57;background:#a4584b24;color:#802f26f5}.shop-item-facts .shop-mode-mark.is-buy-only{border-color:#415c4657;background:#415c4624;color:#2a4e30f5}.shop-item-facts .shop-mode-mark.is-none{background:#4c382614;color:#3a2e2685}.shop-item-facts .shop-lock-mark{border-color:#a4584b4d;background:#a4584b1a;color:#a4584beb}.shop-item-cue{position:absolute;right:10px;bottom:8px;color:#a4584bb8;font-size:11px;letter-spacing:.18em;opacity:.72;transition:color .16s ease,opacity .16s ease,transform .16s ease}.shop-item:hover .shop-item-cue,.shop-item:focus-visible .shop-item-cue{color:#802f26f5;opacity:1;transform:translate(2px)}.shop-modal[hidden]{display:none}.shop-modal{position:fixed;z-index:70;inset:0;display:grid;place-items:center;padding:18px}.shop-modal-backdrop{position:absolute;inset:0;border:0;background:#2a201a6b;backdrop-filter:blur(2px);cursor:pointer}.shop-modal-panel{position:relative;z-index:1;display:grid;width:min(700px,100%);max-height:min(760px,calc(100vh - 36px));gap:18px;overflow-y:auto;border:1px solid rgba(76,56,38,.28);background:linear-gradient(90deg,rgba(164,88,75,.07),transparent 22%),linear-gradient(180deg,#fff9e8fa,#ede2cdf5);padding:22px 18px 18px;box-shadow:0 24px 80px #2a201a4d,inset 0 4px #c8a85775,inset 0 0 0 1px #fff9e86b}.shop-modal-panel:before{content:"";position:absolute;inset:8px 8px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(164,88,75,.34),rgba(200,168,87,.42),transparent)}.shop-modal-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:1px solid rgba(76,56,38,.18);background:#fff9e86b;color:#3a2e26db;cursor:pointer;font-size:23px;line-height:1}.shop-modal-item{display:grid;grid-template-columns:128px minmax(0,1fr);gap:16px;padding-right:36px}.shop-modal-img{width:128px;height:128px;border:1px solid rgba(76,56,38,.22);background:#fff9e87a;-o-object-fit:cover;object-fit:cover}.shop-modal-desc{margin:8px 0 0;color:#3a2e26b3;font-size:14px;line-height:1.65}.shop-modal-note{margin:9px 0 0;color:#3a2e26a3;font-size:12px;line-height:1.65}.shop-trade-board{--trade-fill-start: 50%;--trade-fill-end: 50%;--trade-fill-color: rgba(76, 56, 38, .22);position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:10px 12px;border:1px solid rgba(76,56,38,.16);background:linear-gradient(180deg,#fff9e861,#e3d6bb42);padding:14px}.shop-trade-side,.shop-trade-center{display:grid;min-height:44px;place-items:center;border:1px solid rgba(76,56,38,.14);background:#fff9e847}.shop-trade-side strong,.shop-trade-center{font-size:17px}.shop-trade-center{min-width:64px;padding:0 10px;background:linear-gradient(180deg,#ede2cdd6,#e3d6bb9e);color:#3a2e26b8;font-weight:600}.shop-trade-center[data-intent=sell]{border-color:#a4584b61;color:#802f26fa}.shop-trade-center[data-intent=buy]{border-color:#415c4661;color:#2a4e30fa}.shop-trade-side-label{font-size:11px;letter-spacing:.2em}.shop-trade-side-sell{color:#802f26eb}.shop-trade-side-buy{color:#365c3ef5}.shop-trade-range{grid-column:1 / -1;width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;background:linear-gradient(90deg,transparent 0 var(--trade-fill-start),var(--trade-fill-color) var(--trade-fill-start) var(--trade-fill-end),transparent var(--trade-fill-end) 100%),linear-gradient(90deg,#a4584b38 0 49%,#4c382652 49% 51%,#415c4638 51% 100%);accent-color:rgba(65,92,70,.82)}.shop-trade-range::-webkit-slider-thumb{width:20px;height:20px;-webkit-appearance:none;appearance:none;border:1px solid rgba(76,56,38,.34);border-radius:50%;background:#fff9e8f2;box-shadow:0 2px 8px #2a201a38}.shop-trade-range::-moz-range-thumb{width:20px;height:20px;border:1px solid rgba(76,56,38,.34);border-radius:50%;background:#fff9e8f2;box-shadow:0 2px 8px #2a201a38}.shop-trade-input-row{grid-column:1 / -1;gap:10px}.shop-trade-input-row label{color:#a4584bc7;font-size:12px;letter-spacing:.18em}.shop-trade-input{width:min(180px,100%);border:1px solid rgba(76,56,38,.22);background:#fff9e89e;padding:8px 10px;color:#2a201a;font-size:15px}.shop-trade-summary{grid-column:1 / -1;min-height:24px;color:#3a2e26ad;font-size:13px}.shop-trade-submit,.shop-lock-toggle{min-height:40px;border:1px solid rgba(164,88,75,.34);background:#a4584b1a;padding:8px 14px;color:#2a201a;cursor:pointer;font-size:13px;letter-spacing:.18em;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.shop-trade-submit{grid-column:1 / -1}.shop-lock-toggle{grid-column:1 / -1;background:#ede2cd5c}.shop-trade-submit.is-sell{border-color:#a4584bb8;background:#a4584b33;color:#802f26fa}.shop-trade-submit.is-buy{border-color:#415c46ad;background:#415c462e;color:#2a4e30fa}.shop-trade-submit:disabled{opacity:.46;cursor:not-allowed}.shop-trade-submit:hover,.shop-trade-submit:focus-visible,.shop-lock-toggle:hover,.shop-lock-toggle:focus-visible,.shop-modal-close:hover,.shop-modal-close:focus-visible,.shop-tab:hover,.shop-tab:focus-visible{border-color:#a4584bb3;background:#a4584b2e;outline:none}.shop-empty{margin:0;border:1px dashed rgba(76,56,38,.24);padding:18px;color:#3a2e2685;text-align:center}@media(max-width:980px){.shop-head{grid-template-columns:minmax(0,1fr)}.shop-title-row{flex-wrap:wrap}.shop-wallet{justify-items:start;border-left:0;border-top:1px solid rgba(164,88,75,.22);padding:12px 0 0}}@media(max-width:620px){.shop-toolbar{align-items:stretch;flex-direction:column}.shop-goods{grid-template-columns:minmax(0,1fr)}.shop-item{grid-template-columns:76px minmax(0,1fr);min-height:104px;padding-right:10px}.shop-item-img-frame{width:76px;height:76px}.shop-modal{padding:10px}.shop-modal-panel{max-height:calc(100vh - 20px);padding:14px}.shop-modal-item{grid-template-columns:92px minmax(0,1fr);gap:12px;padding-right:28px}.shop-modal-img{width:92px;height:92px}}