/* The shops of the square (js/store.js). One card, three dressings, picked
   by #vienna-store[data-kind]: Kohl's (walnut shelves, cream folios), Maison
   Aubert (burgundy damask, gilt) and the market (canvas awnings, crate wood).
   The body keeps the ledger's parchment voice so a shop reads as part of the
   plate rather than the dark UI. */
#vienna-store{position:absolute;inset:44px 0 0 0;z-index:30;display:grid;place-items:center;background:rgba(5,5,12,.82)}
#vienna-store.hidden{display:none}
.st-card{position:relative;width:min(1080px,96%);max-height:calc(100vh - 64px);display:flex;flex-direction:column;overflow:hidden;border-radius:14px;
  color:#2b2419;font-family:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  border:6px solid var(--st-frame,#5a3d22);box-shadow:inset 0 0 0 2px var(--st-frame2,#8a6a3c),0 18px 50px rgba(0,0,0,.6);background:var(--st-bg,#e6d6b0)}
.st-card .vp-close{z-index:3}
#vienna-store-inner{display:flex;flex-direction:column;min-height:0;flex:1}

/* the header: the room's plate as a banner under a veil, the keeper's bust,
   a line of theirs, the purse and the tabs */
.st-head{position:relative;flex:none;overflow:hidden;background:var(--st-head,#3b2415);color:#f3e4c2}
.st-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;filter:saturate(.9)}
.st-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),var(--st-head,#3b2415) 94%)}
.st-headrow{position:relative;display:flex;align-items:center;gap:14px;padding:14px 56px 8px 16px}
.st-bust{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:top center;border:3px solid var(--st-accent,#c99a1e);background:#2a2438;flex:none;box-shadow:0 4px 12px rgba(0,0,0,.5)}
.st-bust.st-emoji{display:grid;place-items:center;font-size:36px;background:#5a3d22}
.st-titles{flex:1;min-width:0}
.st-titles h2{margin:0;font-size:22px;letter-spacing:.3px;text-shadow:0 1px 0 rgba(0,0,0,.6)}
.st-titles small{display:block;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;opacity:.8}
.st-titles q{display:block;margin-top:4px;font-style:italic;font-size:13px;opacity:.92;quotes:"“" "”"}
.st-purse{flex:none;display:flex;align-items:center;gap:6px;font-weight:700;font-size:16px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.22)}
.st-tabs{position:relative;display:flex;gap:6px;flex-wrap:wrap;padding:6px 16px 10px}
.st-tab{font:700 12.5px inherit;font-family:inherit;padding:6px 12px;border-radius:8px;cursor:pointer;color:#f3e4c2;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);display:flex;align-items:center;gap:6px}
.st-tab i{font-style:normal}
.st-tab:hover{background:rgba(255,255,255,.16)}
.st-tab.on{background:linear-gradient(180deg,#f6ecd4,#e6d5b1);color:#2b2419;border-color:#2b2419}
.st-body{overflow:auto;padding:16px 18px 22px;min-height:0;position:relative;scrollbar-width:thin;scrollbar-color:#b39a68 transparent}
.st-body.busy{pointer-events:none;opacity:.7}
.st-note{margin:0 0 12px;padding:8px 12px;border-radius:8px;background:rgba(46,93,87,.14);border:1px solid #2e5d57;color:#1f3f3b;font-size:13px}
.st-h{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--st-ink2,#6b5528);margin:16px 0 8px;display:flex;align-items:center;gap:8px}
.st-h::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--st-ink2,#6b5528),transparent)}
.st-empty{font-style:italic;color:#5b4b33;margin:8px 0}
.st-lead{margin:0 0 12px;font-size:13px;color:#4b3b25;line-height:1.45}

/* ---- Kohl's: shelves with a plank under each grade, folios on them ---- */
.st-card[data-kind=sheet]{--st-frame:#3b2415;--st-frame2:#7a5634;--st-head:#2a1a10;--st-accent:#c99a1e;--st-bg:#e9dab7}
.st-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.st-tools input[type=search]{flex:1;min-width:180px;font:600 13px inherit;font-family:inherit;padding:8px 10px;border-radius:8px;border:1px solid #9a7a35;background:rgba(255,255,255,.55);color:#2b2419}
.st-check{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#5b4b33;cursor:pointer;white-space:nowrap}
.st-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.st-chip{font:700 12px inherit;font-family:inherit;padding:5px 10px;border-radius:999px;border:1px solid #b39a68;background:#f3e8cf;color:#5b4b33;cursor:pointer;display:flex;gap:5px;align-items:center}
.st-chip i{font-style:normal;font-size:11px;opacity:.7}
.st-chip.on{background:#2e5d57;border-color:#2e5d57;color:#f3e9cf}.st-chip.on i{opacity:.9}
.st-chip.empty{opacity:.5}
.st-shelf{position:relative;margin:0 0 22px;padding:10px 12px 0}
.st-shelf h3{margin:0 0 10px;font-size:15px;display:flex;align-items:baseline;gap:8px;color:#2b2419}
.st-shelf h3 span{font-size:14px}
.st-shelf h3 small{font-weight:400;font-style:italic;font-size:12px;color:#6b5a3f}
.st-folios{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;align-items:stretch;padding-bottom:10px}
.st-plank{height:14px;border-radius:3px;background:linear-gradient(180deg,#7a5634,#4a301a);box-shadow:0 4px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.15);margin:0 -6px}
.st-folio{display:flex;flex-direction:column;border:1px solid #b39a68;border-radius:3px 3px 6px 6px;background:linear-gradient(180deg,#f7eed8,#ecdcb9);box-shadow:0 5px 10px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.4);overflow:hidden}
.st-folio.all{opacity:.75}
.st-cover{position:relative;padding:12px 12px 8px 14px;border-bottom:1px dashed #b39a68;border-left:6px solid var(--g,#8a6a2c)}
.st-cover b{display:block;font-size:14px;line-height:1.2;color:#2b2419;padding-right:26px}
.st-cover small{display:block;font-size:12px;font-style:italic;color:#5b4b33;margin-top:2px}
.st-ribbon{position:absolute;right:8px;top:8px;font-size:13px}
.g-easy{--g:#3d8a4f}.g-medium{--g:#2b5fa8}.g-hard{--g:#c47a1a}.g-superhard{--g:#a0413f}.g-impossible{--g:#3b2b45}
.st-arrs{display:flex;gap:6px;padding:8px 10px 10px;margin-top:auto}
.st-arr{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;border-radius:7px;border:1px solid #b39a68;background:rgba(255,255,255,.35);font:inherit;color:#2b2419;text-align:center;min-width:0}
.st-arr b{font-size:11.5px}.st-arr i{font-style:normal;font-size:10px;color:#6b5a3f}
.st-arr em{font-style:normal;font-size:11px;font-weight:700;color:#7a4a12;display:flex;align-items:center;gap:3px;margin-top:2px}
.st-arr.owned{background:rgba(46,93,87,.12);border-color:#2e5d57}.st-arr.owned em{color:#1f5b3b}
.st-arr.buy{cursor:pointer}.st-arr.buy:hover{background:#fff7e3;border-color:#7a4a12}
.st-arr.buy.cant{opacity:.6}
.st-by{display:block;font-size:11px;color:#6b5a3f;margin-top:4px}

/* ---- Maison Aubert: damask and gilt ---- */
.st-card[data-kind=tailor]{--st-frame:#5a1f24;--st-frame2:#c99a1e;--st-head:#4a161b;--st-accent:#e0b64a;--st-ink2:#7a2f33;
  --st-bg:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><path d='M24 4c6 8 16 8 20 20-12 4-12 14-20 20-8-6-8-16-20-20C16 12 18 12 24 4z' fill='none' stroke='rgba(90,31,36,.11)' stroke-width='1.5'/></svg>"),linear-gradient(180deg,#f0e2c8,#e6d3ae)}
.st-fit{display:flex;gap:16px;align-items:center;padding:12px 14px;border:2px solid #c99a1e;border-radius:12px;background:rgba(255,255,255,.35);box-shadow:inset 0 0 0 4px rgba(201,154,30,.18)}
.st-fit img{width:96px;height:144px;object-fit:contain;object-position:bottom;background:radial-gradient(60% 40% at 50% 92%,rgba(0,0,0,.28),transparent 70%);flex:none}
.st-fit b{display:block;font-size:18px}.st-fit small{display:block;font-size:12.5px;font-style:italic;color:#5b4b33}
.st-fit p{margin:6px 0 0;font-size:12.5px;color:#4b3b25;line-height:1.45}
.st-seg{display:flex;border:1px solid #8a6a2c;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.3);max-width:420px}
.st-seg button{flex:1;font:700 12.5px inherit;font-family:inherit;padding:8px 6px;border:0;background:transparent;color:#5b4b33;cursor:pointer}
.st-seg button.on{background:#5a1f24;color:#f3e9cf}
.st-looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.st-look{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;border-radius:10px;cursor:pointer;font:inherit;color:#2b2419;
  border:1px solid #b39a68;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,.15))}
.st-look img{width:64px;height:100px;object-fit:contain;object-position:bottom}
.st-look span{font-size:12px;font-weight:700}
.st-look:hover{border-color:#c99a1e;background:rgba(255,255,255,.5)}
.st-look.on{border-color:#5a1f24;box-shadow:0 0 0 2px #c99a1e inset;background:rgba(90,31,36,.08)}
.st-look.on span::after{content:" ✓";color:#5a1f24}

/* ---- the market: an awning over the stalls, crates for the wares ---- */
.st-card[data-kind=market]{--st-frame:#4a301a;--st-frame2:#a0413f;--st-head:#2b1e14;--st-accent:#e2c99b;--st-bg:#e3d2ac}
.st-card[data-kind=market] .st-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
  background:repeating-linear-gradient(90deg,#a0413f 0 28px,#f3e4c2 28px 56px);box-shadow:0 3px 6px rgba(0,0,0,.4)}
.st-stall{margin:0 0 18px;padding:12px 12px 14px;border-radius:10px;border:3px solid #6a4a2c;
  background:linear-gradient(180deg,#f0e6cf,#e6d8b8);box-shadow:inset 0 0 0 2px #b39a68,0 6px 14px rgba(0,0,0,.25)}
.st-stall h3{margin:0 0 2px;font-size:16px;color:#2b2419}
.st-stall .st-lead{margin-bottom:10px;font-size:12.5px}

/* ---- item cards: the rail, the stalls and the sell counters share them ---- */
.st-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.st-item{position:relative;display:flex;gap:10px;align-items:flex-start;padding:10px 10px 10px 12px;border-radius:10px;
  border:1px solid color-mix(in srgb,var(--rar) 55%,#b39a68);border-left:5px solid var(--rar);background:rgba(255,255,255,.4)}
.st-item.r-common{--rar:#8a8071}.st-item.r-uncommon{--rar:#2f7d4f}.st-item.r-rare{--rar:#2b5fa8}
.st-item.r-legendary{--rar:#c99a1e;background:linear-gradient(180deg,rgba(255,215,94,.22),rgba(255,255,255,.3))}
.st-item.locked{opacity:.7}
.st-ico{font-size:30px;line-height:1.1;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.st-ico .st-art{display:block;width:46px;height:46px;object-fit:contain;margin:-6px -4px}
.st-it{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.st-it b{font-size:13.5px;color:#2b2419;line-height:1.2}
.st-it small{font-size:11.5px;font-style:italic;color:#5b4b33;line-height:1.35}
.st-meta{display:flex;gap:8px;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--rar);margin-top:2px}
.st-meta .st-have{letter-spacing:0;text-transform:none;color:#6b5a3f;font-size:11px}
.st-tag{display:flex;align-items:center;gap:4px;margin-top:6px;font-weight:700;font-size:12.5px;color:#7a4a12}
.st-tag.found{color:#8a6a2c;font-style:italic;font-weight:600}
.st-buy{align-self:flex-start;margin-top:6px;font:700 12px inherit;font-family:inherit;padding:6px 11px;border-radius:8px;cursor:pointer;color:#2b2419;
  border:1px solid #8a6a2c;background:linear-gradient(180deg,#fff3d6,#e6cf9a);box-shadow:0 2px 0 #8a6a2c;display:inline-flex;align-items:center;gap:4px}
.st-buy:hover{background:linear-gradient(180deg,#fff7e3,#ecdcb8);border-color:#2e5d57;color:#1f3f3b}
.st-buy:active{transform:translateY(1px);box-shadow:0 1px 0 #8a6a2c}
.st-buy.cant{opacity:.55}
.st-buy.sell{background:linear-gradient(180deg,#dfeee8,#bcd8cf);border-color:#2e5d57}
.st-counter{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(0,0,0,.06);font-size:13px;color:#4b3b25}
.st-counter b{color:#2b2419}
.st-counter .coin{width:12px;height:12px}

@media (max-width:720px){
  .st-card{width:100%;max-height:calc(100vh - 44px);border-width:0 0 4px;border-radius:0}
  .st-headrow{padding:10px 48px 6px 12px}.st-bust{width:52px;height:52px}.st-titles h2{font-size:18px}.st-titles q{display:none}
  .st-body{padding:12px}
  .st-items,.st-folios{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.st-items,.st-folios{grid-template-columns:1fr}}

/* ---- the exchange (js/market.js): the whole server's market on one board ---- */
.mk-top .st-tools{margin-bottom:6px}
.mk-stat{font-size:12px;color:#5b4b33;white-space:nowrap}
.mk-stat a{color:#2e5d57;font-weight:700;cursor:pointer;text-decoration:underline}
.mk-table{width:100%;border-collapse:collapse;font-size:13px;margin-top:4px}
.mk-table th{text-align:left;font-size:10.5px;letter-spacing:1.6px;text-transform:uppercase;color:#6b5528;padding:6px 8px;border-bottom:2px solid #8a6a2c}
.mk-table td{padding:7px 8px;border-bottom:1px solid rgba(90,61,34,.18);vertical-align:middle}
.mk-table tbody tr{cursor:pointer}
.mk-table tbody tr:hover td{background:rgba(255,255,255,.35)}
.mk-table tbody tr.live td:first-child{box-shadow:inset 4px 0 0 var(--rar,#8a6a2c)}
.mk-table tr.r-common{--rar:#8a8071}.mk-table tr.r-uncommon{--rar:#2f7d4f}.mk-table tr.r-rare{--rar:#2b5fa8}.mk-table tr.r-legendary{--rar:#c99a1e}
.mk-name{display:flex;align-items:center;gap:10px;min-width:220px}
.mk-name b{display:block;font-size:13.5px;color:#2b2419;line-height:1.15}
.mk-name small{display:block;font-size:11px;font-style:italic;color:#6b5a3f}
.mk-ico{font-size:24px;line-height:1;flex:none;width:34px;text-align:center;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.mk-ico .st-art{display:inline-block;width:34px;height:34px;object-fit:contain;vertical-align:middle}
.mk-ico.big{font-size:40px;width:56px}.mk-ico.big .st-art{width:56px;height:56px}
.mk-bid b,.mk-ask b,.mk-last{white-space:nowrap}
.mk-bid b{color:#1f5b3b}.mk-ask b{color:#7a4a12}
.mk-table td small{display:block;font-size:10.5px;color:#6b5a3f;font-weight:400}
.mk-none{color:#9a8a6f;font-style:italic;font-size:12px}
.mk-have b{font-size:14px}
.mk-back{font:700 12.5px inherit;font-family:inherit;padding:6px 12px;border-radius:8px;cursor:pointer;color:#2b2419;border:1px solid #8a6a2c;background:rgba(255,255,255,.4);margin-bottom:10px}
.mk-back:hover{background:#fff7e3}
.mk-head{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:10px;border:1px solid #b39a68;border-left:6px solid var(--rar,#8a6a2c);background:rgba(255,255,255,.4);margin-bottom:12px}
.mk-head.r-common{--rar:#8a8071}.mk-head.r-uncommon{--rar:#2f7d4f}.mk-head.r-rare{--rar:#2b5fa8}.mk-head.r-legendary{--rar:#c99a1e}
.mk-head b{display:block;font-size:18px;color:#2b2419}.mk-head small{display:block;font-size:12.5px;font-style:italic;color:#5b4b33;margin-top:2px;line-height:1.4}
.mk-head .st-meta{margin-top:6px;flex-wrap:wrap}
.mk-made{font-style:normal!important;color:#4b3b25!important}.mk-made a{color:#2e5d57;font-weight:700;cursor:pointer;text-decoration:underline}
.mk-book{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.mk-side,.mk-mine,.mk-trades{padding:10px 12px;border-radius:10px;border:1px solid #b39a68;background:rgba(255,255,255,.35)}
.mk-side h4,.mk-mine h4,.mk-trades h4{margin:0 0 6px;font-size:13px;color:#2b2419;display:flex;justify-content:space-between;align-items:baseline}
.mk-side h4 small,.mk-trades h4 small{font-weight:400;font-style:italic;font-size:11px;color:#6b5a3f}
.mk-side div,.mk-trades div{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:13px;border-bottom:1px dashed rgba(90,61,34,.18)}
.mk-side div:last-child,.mk-trades div:last-child{border-bottom:0}
.mk-side div span,.mk-trades div span{color:#4b3b25}.mk-side div i,.mk-trades div i{margin-left:auto;font-style:italic;font-size:11px;color:#8a7a5f}
.mk-side.bids b{color:#1f5b3b}.mk-side.asks b{color:#7a4a12}
.mk-side .mk-none{margin:4px 0}
.mk-form{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:12px 14px;border-radius:10px;border:2px solid #8a6a2c;background:rgba(255,255,255,.45);margin-bottom:12px}
.mk-form[data-side=sell]{border-color:#2e5d57}
.mk-form label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b5528}
.mk-form input[type=number]{width:120px;font:700 14px inherit;font-family:inherit;padding:7px 9px;border-radius:8px;border:1px solid #9a7a35;background:rgba(255,255,255,.7);color:#2b2419}
.mk-seg{max-width:200px;flex:none}
.mk-acts{display:flex;flex-direction:column;gap:6px;flex:1;min-width:260px}
.mk-acts .st-buy{margin:0;align-self:stretch;justify-content:center;text-align:center}
.mk-fine{flex-basis:100%;font-size:11.5px;color:#5b4b33;font-style:italic;line-height:1.4}
.mk-mine{margin-bottom:12px}
.mk-order{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:13px;color:#4b3b25;border-bottom:1px dashed rgba(90,61,34,.18)}
.mk-order:last-child{border-bottom:0}
.mk-order.bid b{color:#1f5b3b}.mk-order.ask b{color:#7a4a12}
.mk-x{margin-left:auto;font:700 11.5px inherit;font-family:inherit;padding:4px 9px;border-radius:7px;cursor:pointer;border:1px solid #a0413f;background:rgba(160,65,63,.08);color:#7a2f33;white-space:nowrap}
.mk-x:hover{background:rgba(160,65,63,.18)}
.st-counter a{color:#2e5d57;font-weight:700;cursor:pointer;text-decoration:underline}

/* ---- the workshops (js/craft.js): three benches under a smithy's roof ---- */
.st-card[data-kind=workshop]{--st-frame:#2f2a24;--st-frame2:#8a6a3c;--st-head:#1e1a15;--st-accent:#d99a3a;--st-ink2:#5a4a30;--st-bg:linear-gradient(180deg,#e7dcc3,#d9cba9)}
.cr-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:12px 14px;border-radius:10px;border:2px solid #8a6a2c;background:rgba(255,255,255,.4);margin-bottom:12px}
.cr-ico{font-size:40px;line-height:1;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.cr-head>div:not(.cr-work){flex:1;min-width:240px}
.cr-head b{display:block;font-size:18px;color:#2b2419}.cr-head small{display:block;font-size:12.5px;font-style:italic;color:#5b4b33;line-height:1.4;margin-top:2px}
.cr-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.cr-stats span{font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.07);color:#3b2f1f}
.cr-work{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.cr-work .st-buy{margin:0}.cr-work small{font-size:11px;font-style:italic;color:#5b4b33}
.cr-recipes{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.cr-recipe{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--rar) 55%,#b39a68);border-left:5px solid var(--rar);background:rgba(255,255,255,.4)}
.cr-recipe.r-common{--rar:#8a8071}.cr-recipe.r-uncommon{--rar:#2f7d4f}.cr-recipe.r-rare{--rar:#2b5fa8}.cr-recipe.r-legendary{--rar:#c99a1e}
.cr-recipe.locked{opacity:.65}
.cr-recipe.ready{box-shadow:0 0 0 2px rgba(46,93,87,.35) inset;background:rgba(223,238,232,.6)}
.cr-out{display:flex;gap:10px;align-items:flex-start}
.cr-out-ico{font-size:28px;line-height:1.1;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}
.cr-out-ico .st-art{display:block;width:44px;height:44px;object-fit:contain;margin:-6px -4px}
.cr-out>div{flex:1;min-width:0}
.cr-out b{font-size:13.5px;color:#2b2419;display:block;line-height:1.2}.cr-out small{display:block;font-size:11.5px;font-style:italic;color:#5b4b33;line-height:1.35}
.cr-rankpill{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:999px;background:rgba(0,0,0,.07);color:#3b2f1f;white-space:nowrap}
.cr-rankpill.locked{background:rgba(160,65,63,.14);color:#7a2f33}
.cr-inputs{list-style:none;margin:0;padding:6px 0 0;border-top:1px dashed rgba(90,61,34,.25);font-size:12.5px}
.cr-inputs li{display:flex;align-items:center;gap:8px;padding:2px 0}
.cr-inputs li span{flex:1;display:flex;align-items:center;gap:5px;min-width:0}
.cr-inputs li span .st-art{width:20px;height:20px;object-fit:contain}
.cr-inputs li i{font-style:normal;font-weight:700;white-space:nowrap}
.cr-inputs li.ok i{color:#1f5b3b}.cr-inputs li.miss i{color:#a0413f}
.cr-inputs li a{font-size:11px;font-weight:700;color:#2e5d57;text-decoration:underline;cursor:pointer}
.cr-foot{margin-top:auto;padding-top:4px;display:flex;align-items:center;min-height:30px}
.cr-foot .st-buy{margin:0}
.cr-why{font-size:11.5px;font-style:italic;color:#6b5a3f}
.cr-made{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;border:2px solid var(--rar,#c99a1e);background:linear-gradient(180deg,rgba(255,244,214,.8),rgba(255,255,255,.4));margin-bottom:12px}
.cr-made.r-common{--rar:#8a8071}.cr-made.r-uncommon{--rar:#2f7d4f}.cr-made.r-rare{--rar:#2b5fa8}.cr-made.r-legendary{--rar:#c99a1e}
.cr-made-ico{font-size:34px;line-height:1;flex:none}.cr-made-ico .st-art{display:block;width:52px;height:52px;object-fit:contain}
.cr-made b{display:block;font-size:16px;color:#2b2419}.cr-made small{display:block;font-size:12.5px;color:#4b3b25;line-height:1.4}
@media (max-width:720px){
  .mk-book{grid-template-columns:1fr}
  .mk-table th:nth-child(4),.mk-table td:nth-child(4){display:none}
  .cr-recipes{grid-template-columns:1fr}
  .cr-work{align-items:flex-start}
}

/* ---- stalls and the jobs board (js/market.js, 2026-09-02 second cut) ---- */
.mk-h{font-size:14px;margin:14px 0 8px;color:#2b2419}
.mk-stall-mine{padding:12px 14px;border-radius:10px;border:2px solid #8a6a2c;background:rgba(255,255,255,.45);margin-bottom:12px}
.mk-stall-mine h4{margin:0 0 6px;font-size:14px;color:#2b2419}
.mk-stall-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.mk-stall-head h4{margin:0;font-size:18px}.mk-stall-head.big h4{font-size:22px}
.mk-stall-head span{font-size:12px;font-style:italic;color:#6b5a3f}
.mk-sign{margin:4px 0 10px;font-style:italic;color:#4b3b25;font-size:13.5px;line-height:1.4}
.mk-stallform{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-end;margin:0 0 10px}
.mk-stallform label{display:flex;flex-direction:column;gap:3px;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#6b5528;flex:1;min-width:140px}
.mk-stallform label.wide{flex-basis:100%}
.mk-stallform input,.mk-stallform select{font:600 13.5px inherit;font-family:inherit;padding:7px 9px;border-radius:8px;border:1px solid #9a7a35;background:rgba(255,255,255,.7);color:#2b2419;min-width:0}
.mk-stallform .st-buy{margin:0;align-self:flex-end}
.mk-job{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed rgba(90,61,34,.25);font-size:13px;color:#4b3b25}
.mk-job:last-child{border-bottom:0}
.mk-job>span{flex:1;min-width:0}.mk-job small{display:block;font-size:11.5px;font-style:italic;color:#6b5a3f;margin-top:2px}
.mk-job.done,.mk-job.cancelled{opacity:.6}
.mk-job .st-buy{margin:0;white-space:nowrap}
.mk-job a{color:#2e5d57;font-weight:700;cursor:pointer;text-decoration:underline}
.mk-stalls{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.mk-stallcard{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;font:inherit;color:#2b2419;
  border:1px solid #b39a68;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.2))}
.mk-stallcard:hover{border-color:#8a6a2c;background:rgba(255,247,227,.8)}
.mk-stallcard b{font-size:14px}.mk-stallcard small{font-style:italic;color:#5b4b33;font-size:12px;line-height:1.35}.mk-stallcard i{font-size:11px;color:#8a7a5f;font-style:normal;margin-top:2px}
.st-stall.dear{border-color:#7a2f33;background:linear-gradient(180deg,#f0e2cf,#e6d0b0)}
.cr-jobs{font-size:11.5px;color:#2e5d57;font-weight:700;text-decoration:underline;cursor:pointer;margin-top:2px}
@media (max-width:720px){.mk-stalls{grid-template-columns:1fr}.mk-job{flex-wrap:wrap}}