/* The Store (server/shop.py, the owner's mockup of 2026-10-23): Bestiary's store.css (2.85.3 "st-one") with the pieces
   of the approved screens: balance, categories, offers, packages, payment, product window, history, results. */
dialog#dialog.st-modal{width:calc(100vw - 12px);max-width:calc(100vw - 12px)}
@media (min-width:1000px){dialog#dialog.st-modal{width:min(980px,calc(100vw - 160px));max-width:min(980px,calc(100vw - 160px))}}
.st-modal .wb{gap:6px}
.st-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px;align-items:stretch}
.st-bal,.st-card,.st-feat,.st-pack,.st-well{background:#262626;border:1px solid #111;box-shadow:inset 1px 1px #000,1px 1px #6a6a6a}
.st-bal{display:flex;align-items:center;gap:6px;min-width:0;padding:3px 8px 3px 4px;font:11px 'Tibia Pixel',Verdana,sans-serif;color:#c0c0c0}
.st-bal img{flex:0 0 auto;width:32px;height:32px;image-rendering:pixelated}
.st-bal>span{display:grid;min-width:0;line-height:13px}
.st-bal b{margin-top:3px;font:22px/22px 'Tibia Pixel',Verdana,sans-serif;color:#f4d35e}   /* the label's glyphs never reach the number's */
.st-bal small{color:#a9a9a9;white-space:nowrap}
.st-bal em{font-style:normal;color:#5fc85f}
.st-top>button{min-height:40px;padding:0 10px;white-space:nowrap}
.st-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.st-layout>*{min-width:0}
.st-cats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.st-cats button{position:relative;display:grid;justify-items:center;gap:1px;min-width:0;min-height:0;padding:3px 0;font-size:11px;line-height:12px;text-align:center}
.st-cats button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.st-cats img{width:32px;height:32px;image-rendering:pixelated;object-fit:contain}
.st-cats span{max-width:100%;white-space:nowrap}
.st-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.st-feat{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;align-items:center;margin:4px;padding:4px 6px}
.st-feat>img{width:64px;height:64px;image-rendering:pixelated}
.st-feat h4{margin:0 0 2px;font:13px/15px 'Tibia Pixel',Verdana,sans-serif;color:#e4ca78;text-shadow:1px 1px #000}
.st-feat p{margin:0;font:11px/13px 'Tibia Pixel',Verdana,sans-serif;color:#c0c0c0}
.st-feat>button{min-height:32px;padding:0 8px}
.st-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}
.st-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:0;padding:6px 4px 5px;border-image:none;font:11px/13px 'Tibia Pixel',Verdana,sans-serif;color:#fff;text-align:center}
.st-card.sel,.st-pack.sel{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c,1px 1px #6a6a6a}
img.st-ic{width:64px;height:64px;image-rendering:pixelated;object-fit:contain}
.st-name{max-width:100%}
.st-sub{color:#a9a9a9;font-size:10px}
.st-pr{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:auto;color:#f4d35e}
.st-pr s{color:#a9a9a9}
.st-price{display:inline-flex;align-items:center;gap:2px;color:#f4d35e;white-space:nowrap}
.st-price img{width:20px;height:20px;margin:-4px 0;image-rendering:pixelated}
.st-flag{position:absolute;left:-1px;top:-1px;width:28px;height:28px;image-rendering:pixelated}
.st-own{position:absolute;right:4px;top:4px;color:#5fc85f;font-size:10px}
.st-new-sys{position:absolute;right:3px;top:3px;padding:0 3px;font:10px/13px 'Tibia Pixel',Verdana,sans-serif;color:#a9a9a9;background:#1c1c1c;border:1px solid #111}
/* the coin packages (Tibia Global's "Get Tibia Coins") */
.st-packs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}
.st-pack{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:6px;align-items:center;min-width:0;min-height:0;padding:6px 6px 5px;border-image:none;text-align:left;font:11px/13px 'Tibia Pixel',Verdana,sans-serif;color:#c0c0c0}
.st-pack>img{grid-row:1/-1;width:32px;height:32px;image-rendering:pixelated}
.st-pack .st-rc{font:13px/15px 'Tibia Pixel',Verdana,sans-serif;color:#f4d35e;white-space:nowrap}
.st-pack .st-brl{color:#fff;white-space:nowrap}
.st-pack small{color:#a9a9a9;font-size:10px;white-space:nowrap}
.st-pack.wide{grid-column:1/-1}
.st-tag{grid-column:2;justify-self:start;margin-top:2px;padding:0 4px;font:10px/14px 'Tibia Pixel',Verdana,sans-serif;color:#1c1c1c;background:#e8c547;border:1px solid #111;white-space:nowrap}
.st-pay{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}
.st-pay button{display:grid;justify-items:start;gap:1px;min-height:44px;padding:4px 8px;text-align:left;line-height:13px}
.st-pay button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.st-pay small{color:#a9a9a9;font-size:10px}
/* the product window */
.st-stage{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px}
.st-stage .st-big{display:grid;place-items:center;height:136px;background:#1c1c1c;border:1px solid #0d0d0d;box-shadow:1px 1px #6a6a6a,inset 0 0 12px #000}

.st-dirs{display:grid;grid-template-columns:repeat(2,52px);gap:3px}
.st-dirs span{display:grid;place-items:center;width:52px;height:52px}

.st-dirs span.sel{border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.st-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px}
.st-opts button{display:grid;gap:1px;min-height:40px;padding:3px 6px;line-height:13px}
.st-opts button.active{color:#fff;border-color:#c5b47c;box-shadow:inset 0 0 0 1px #c5b47c}
.st-modal .an-kv b{min-width:0}
.an-kv b.coin{color:#f4d35e}
.res.st-res img{width:16px;height:16px;image-rendering:pixelated}.res.st-res b{color:#f4d35e}
.st-foot-price{display:flex;flex-direction:column;justify-content:center;min-width:0;margin-right:auto;padding:0 4px;line-height:14px}
.st-foot-price small{color:#a9a9a9;white-space:nowrap}
.st-foot-price .st-price{font:22px/24px 'Tibia Pixel',Verdana,sans-serif}
.st-foot-price .st-price img{width:24px;height:24px}
/* the history */
.st-modal .pf-table{width:100%;border-collapse:collapse;font:11px/13px 'Tibia Pixel',Verdana,sans-serif}
.st-modal .pf-table th,.st-modal .pf-table td{padding:3px 4px;text-align:left;white-space:nowrap}
.st-modal .pf-table td.r,.st-modal .pf-table th.r{text-align:right}
.st-modal .pf-table td.w{white-space:normal}
.st-plus{color:#5fc85f}.st-minus{color:#e8756c}
.st-modal .mk-tag{line-height:13px}
/* the result windows: pending is the attention colour of DESIGN.md (#e8c547), not a win nor a loss */
.ba-outcome.is-wait .ba-outcome-banner strong{color:#e8c547}
.ba-outcome.is-wait .ba-outcome-banner{background:linear-gradient(#2b2614,#171512);border-color:#3b3218}
.ba-outcome .st-art img{width:32px;height:32px;image-rendering:pixelated}
.ba-outcome .an-kv{margin:0 0 6px}
/* Desktop (Tibia Global): the categories in a column on the left, four offers per line */
@media (min-width:1000px){
 .st-layout{grid-template-columns:168px minmax(0,1fr)}
 .st-cats{grid-template-columns:1fr;align-content:start;gap:2px}
 .st-cats button{grid-template-columns:32px minmax(0,1fr);justify-items:start;align-items:center;gap:6px;padding:3px 6px;text-align:left}
 .st-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .st-packs{grid-template-columns:repeat(4,minmax(0,1fr))}
 .st-pack.wide{grid-column:auto}
}