/* Shop surfaces use fixed CSS edges. No ornamental frame is stretched. */

#shop{padding:28px;background:#1b3028}#shop .eyebrow{margin-bottom:10px}#shop h2{font-size:28px;margin:0 0 8px}
.shop-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-bottom:20px;border-bottom:2px solid #5f694d}.shop-heading p{margin:8px 0}.wallet-box{flex:none;min-width:190px;padding:14px 20px;background:#11271e;border:2px solid #9b8956;box-shadow:3px 3px #101c16;display:flex;flex-direction:column;gap:4px}.wallet-box>span,.wallet-box small{font-size:12px;color:var(--muted)}.wallet-box b{font-size:24px;color:var(--gold);font-weight:normal}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;margin-top:24px}.shop-catalog{min-width:0}.shop-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.shop-search{flex:1;min-width:180px}.shop-search>span{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.shop-search input{height:44px;font-size:14px}.affordable-filter{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;min-height:44px;cursor:pointer}.affordable-filter input{width:18px;height:18px;margin:0;accent-color:#88bfa0}.shop-tools .quiet{min-height:44px;padding:8px 0}#shop-count{margin:12px 0}
body:has(#shop:not([hidden])) #products{display:block;margin:0}#shop .shop-category{margin-bottom:14px;border:1px solid #5e7055;background:#152b22;box-shadow:3px 3px #102017}.category-heading{display:flex;align-items:center;gap:12px;min-height:60px;padding:12px 16px;background:#284438;cursor:pointer;list-style:none;border-left:3px solid #c8a364}.category-heading::-webkit-details-marker{display:none}.category-heading:hover{background:#304e40}.category-title{display:flex;align-items:center;gap:10px;font-size:18px;color:#e7d9b8}.category-title small{font-size:12px;color:#aabd9f;white-space:nowrap}.category-peek{display:flex;gap:5px;margin-left:auto}.peek-icon{width:24px;height:24px;aspect-ratio:1;object-fit:contain;image-rendering:pixelated;flex:none}.fold-indicator{width:10px;height:10px;border-right:2px solid #d9be86;border-bottom:2px solid #d9be86;transform:rotate(45deg);margin:-5px 3px 0 8px;flex:none}.shop-category[open] .fold-indicator{transform:rotate(225deg);margin-top:5px}.category-heading:focus-visible,.price-guide summary:focus-visible,.product-explanation summary:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.category-products{display:grid;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px}#shop .product{background:#21392d;border:1px solid #59664a;padding:14px;box-shadow:2px 2px #0f2018;display:flex;flex-direction:column;min-width:0}#shop .product-head{display:flex;flex-direction:row;align-items:center;gap:12px}#shop .product-icon{width:48px;height:48px;aspect-ratio:1;object-fit:contain;flex:none;image-rendering:pixelated}#shop .product-heading{min-width:0}#shop .product h3{font-size:16px;line-height:1.5;margin:0;display:block}#shop .origin{font-size:10px;margin-top:4px;line-height:1.5;color:#cfb078}.product-tags{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}.product-tags span{font-size:10px;border:1px solid #5d7258;color:#b7c5a6;padding:2px 5px}.product-tags .rare-tag{color:#e0bd85;border-color:#8f7246}#shop .product-effect{font-size:12px;line-height:1.8;color:#c4ceb7;margin:12px 0;flex:1}
.product-explanation{font-size:12px;color:#a7bca3;margin-bottom:14px}.product-explanation summary{cursor:pointer;padding:5px 0;color:#d5bf91}.product-explanation dl{background:#172d23;margin:8px 0 0;padding:10px;border-left:2px solid #71825f}.product-explanation dt{color:#dfc99c;margin-top:8px}.product-explanation dt:first-child{margin-top:0}.product-explanation dd{margin:3px 0 0;line-height:1.8}
.product-purchase{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #55654a;padding-top:12px}.product-price b{font-size:24px;font-weight:normal;color:#edc681;line-height:1}.product-price small{display:block;font-size:10px;color:#a6b99d;margin-top:4px}#shop .buy-button{width:auto;min-width:92px;min-height:40px;padding:8px 10px;background:#85b598;color:#122b21;border:2px solid #bdd5ac;box-shadow:3px 3px #102319;font-size:12px;line-height:1.4}#shop .buy-button:hover:not(:disabled){background:#a1ceb0}#shop .buy-button:disabled{opacity:1;background:#2c4034;border-color:#53614c;color:#8b9b7f;box-shadow:none}.purchase-after{font-size:10px;color:#9cae92;margin-top:10px}
.shop-bag{align-self:start;position:sticky;top:16px;padding:18px;background:#12291f;border:2px solid #87774d;box-shadow:4px 4px #102017}.bag-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #5d6549;padding-bottom:12px;gap:12px}.bag-title h3{font-size:20px;font-weight:normal;margin:0}.bag-title b{color:#e4bd78;font-size:20px;font-weight:normal}#shop-note{min-height:42px;margin:12px 0}#shop .purchase-row{display:flex;align-items:center;gap:8px;min-height:72px;padding:10px 0;border-bottom:1px solid #394f3a}.slot-number{font-size:10px;color:#8c9473;flex:none}.bag-icon{width:32px;height:32px;flex:none;aspect-ratio:1;object-fit:contain;image-rendering:pixelated}.bag-item-copy{min-width:0;flex:1}.bag-item-copy strong{display:block;font-weight:normal;font-size:12px;line-height:1.5}.bag-item-copy small{display:block;font-size:10px;color:#a2b394;margin-top:4px}.refund-button{background:none;border:1px solid #8c8258;color:#d5bd84;min-height:36px;font-size:12px;padding:6px;flex:none}.refund-button:hover{background:#384331}.empty-slot{color:#839779;font-size:12px}.bag-totals{display:flex;justify-content:space-between;font-size:12px;margin:16px 0;color:#b7c5a6}.bag-totals b{font-weight:normal;color:var(--gold)}.price-guide{border-top:1px solid #556047;border-bottom:1px solid #556047;font-size:12px;color:#a8b99b}.price-guide summary{cursor:pointer;padding:12px 0;color:#d3c29b}.price-guide p{font-size:12px;line-height:1.8;margin:0 0 12px}#shop-clock{font-size:12px;line-height:1.8;margin:16px 0 0}body:has(#shop:not([hidden])) #ready{width:100%;max-width:none;margin-top:12px;font-size:14px}#ready-state{font-size:12px;margin:12px 0 0}.shop-empty{padding:36px 20px;text-align:center;border:1px dashed #6b7453;color:var(--muted);font-size:14px}.icon-fallback{display:inline-flex;align-items:center;justify-content:center;background:#3c5240;border:2px solid #a18a59;color:#ead6a4;font-size:20px}
@media(max-width:1050px){.shop-layout{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.category-products{grid-template-columns:1fr}.shop-bag{padding:14px}}
@media(max-width:700px){#shop{padding:16px!important}.shop-heading{align-items:flex-start;gap:12px;flex-direction:column}#shop h2{font-size:24px}.wallet-box{width:100%;min-width:0;padding:10px 14px;display:grid;grid-template-columns:1fr auto;align-items:center}.wallet-box b{font-size:22px}.wallet-box small{grid-column:1/-1}.shop-layout{display:flex;flex-direction:column;gap:18px;margin-top:16px}.shop-bag{position:static;width:100%}.category-products{grid-template-columns:1fr;padding:10px}.category-heading{padding:12px;gap:8px}.category-title{font-size:16px;gap:8px}.category-peek{gap:3px}.peek-icon{width:20px;height:20px}.shop-search{flex-basis:100%}.shop-tools{gap:8px}.shop-tools .quiet{margin-left:auto}#shop .product{padding:14px}.shop-heading .small{font-size:12px}.shop-bag #shop-note{min-height:0}.price-guide summary{min-height:44px}}

.product-tags .action-cost.one{color:#ecd2a7;border-color:#9a7b4e}.product-tags .action-cost.free{color:#a4dbc0;border-color:#5c9277}.product-tags .action-cost.special{color:#d8b5dc;border-color:#8d7094}

/* Native modal keeps the live chess table beneath it and traps keyboard focus. */
#shop-modal{width:min(1120px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);padding:0;border:2px solid #9b8956;background:#1b3028;overflow:auto;overscroll-behavior:contain;color:var(--ink)}
#shop-modal::backdrop{background:#07120f99}body:has(#shop-modal[open]){overflow:hidden}
.shop-modal-bar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:#11271e;border-bottom:2px solid #716543;color:var(--gold)}
.shop-modal-bar button{font-size:14px;min-height:40px;color:var(--ink)}#shop-modal #shop{border:0;box-shadow:none;padding:20px}#shop-modal #shop:before,#shop-modal #shop:after{display:none}#shop-modal .shop-bag{top:70px}
#shop-dock .wood{width:100%;margin-top:12px}#shop-modal .shop-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}
@media(max-width:850px){#shop-modal .shop-layout{grid-template-columns:1fr}#shop-modal .shop-bag{position:static}#shop-modal .category-products{grid-template-columns:1fr}}
@media(max-width:700px){#shop-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.shop-modal-bar{padding:4px 12px}#shop-modal #shop{padding:12px!important}}
@media(min-width:701px){#shop-modal{width:min(1000px,calc(100vw - 80px));max-height:82dvh}#shop-modal h2{font-size:24px}#shop-modal .shop-heading{padding-bottom:12px}#shop-modal .shop-layout{margin-top:16px}#shop-modal .wallet-box{padding:10px 16px}#shop-modal .shop-bag{max-height:calc(82dvh - 90px);overflow:auto}}

/* Quick shopping: the encyclopedia owns long-form rules. */
#shop-modal .shop-heading{padding-bottom:10px;gap:16px}#shop-modal .shop-heading .eyebrow{margin-bottom:4px}#shop-modal h2{font-size:22px;margin-bottom:6px}.help-link,.item-help,.bag-rule a{color:var(--gold);font-size:12px;text-underline-offset:4px}.wallet-box{min-width:150px}#shop-modal .shop-layout{gap:16px;margin-top:12px}.shop-tools{gap:10px}.shop-search>span{display:none}#shop-count{font-size:11px;margin:8px 0}.category-heading{min-height:46px;padding:9px 12px}.category-title{font-size:16px}.category-products{gap:10px;padding:10px}#shop .product{padding:12px}#shop .product-head{gap:10px}#shop .product-icon{width:40px;height:40px}#shop .product h3{font-size:14px}.product-tags{margin:8px 0 10px;gap:4px}.product-tags span{padding:1px 4px;font-size:10px}.product-purchase{padding-top:8px;gap:8px}.product-price b{font-size:20px}.product-price small{font-size:9px;margin-top:2px}#shop .buy-button{min-width:64px;min-height:36px;font-size:12px;padding:6px 8px}.item-help{font-size:10px;margin-left:auto;white-space:nowrap}.shop-bag{padding:14px}.bag-title{padding-bottom:8px}.bag-title h3{font-size:18px}#shop-note{min-height:0;margin:8px 0}#shop .purchase-row{min-height:58px;padding:8px 0}.bag-totals{margin:12px 0}.bag-rule{font-size:11px;color:var(--muted);line-height:1.9;border-top:1px solid #556047;padding-top:10px}.bag-rule a{display:block;font-size:11px}#shop-clock{margin-top:10px}
@media(min-width:851px){#shop-modal .category-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#shop-modal .shop-heading{flex-direction:row;align-items:center}#shop-modal h2{font-size:20px}.wallet-box{min-width:0;width:auto;display:flex;padding:8px 10px}.wallet-box b{font-size:18px;white-space:nowrap}.shop-modal-bar{font-size:12px}.category-title{font-size:14px}.category-peek{gap:2px}.peek-icon{width:18px;height:18px}}