.market{--awning-a:#c8423a;--awning-b:#fff;--plank:#c79a66;--plank-dark:#94683f;--leather:#8a5a3c;--leather-dark:#6b4329;width:min(760px,100%);padding-top:0;position:relative;overflow-x:hidden}.market-awning{background:repeating-linear-gradient(90deg, var(--awning-a) 0 38px, var(--awning-b) 38px 76px);height:34px;margin:0 -20px 6px;box-shadow:inset 0 -3px #00000014;-webkit-mask:radial-gradient(circle at 19px 100%,#0000 11px,#000 12px) 0 0/38px 100% repeat-x;mask:radial-gradient(circle at 19px 100%,#0000 11px,#000 12px) 0 0/38px 100% repeat-x}.market-header h2{font-size:var(--type-title);align-items:center;gap:10px;display:flex}.market-icon{font-size:30px}.market-purse{background:var(--paper-2);white-space:nowrap;border-radius:999px;margin-left:auto;margin-right:8px;padding:6px 12px;font-weight:800}.market-keeper{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.market-face{background:var(--sage-soft);width:64px;height:64px;box-shadow:0 3px 0 var(--line);border-radius:50%;flex:none;place-items:center;font-size:40px;display:grid}.market-bubble{background:var(--card);border:2px solid var(--line);border-radius:18px;flex:1;min-width:0;padding:10px 44px 12px 14px;position:relative}.market-keeper-name{color:var(--ink-soft);font-size:13px;font-weight:800;display:block}.market-bubble-text{margin:2px 0 0}.market-bubble-help{color:var(--ink-soft);margin:2px 0 0;font-size:14px;font-style:italic}.market-bubble-help[hidden]{display:none}.market-listen{position:absolute;top:4px;right:4px}.market-wares{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.market-ware{border:2px solid var(--line);background:var(--card);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;display:flex}.market-ware.short{opacity:.75}.market-ware h3{margin:0;font-size:16px}.market-ware-picture{background:var(--paper-2);border-radius:14px;place-items:center;width:100%;height:96px;display:grid;position:relative}.market-ware-picture img{max-width:84px;max-height:84px}.market-ware-emoji{font-size:54px}.market-tag{background:#fff7d6;border:2px solid #e2c35a;border-radius:8px 8px 8px 16px;flex-direction:column;align-items:flex-end;padding:3px 10px 4px;font-size:18px;font-weight:900;display:flex;position:absolute;bottom:-8px;right:-4px;transform:rotate(-4deg);box-shadow:0 2px #00000014}.market-tag small{color:var(--ink-soft);font-size:12px;font-weight:800}.market-tag s,.market-was{color:var(--ink-soft);font-size:14px}.market-off{background:var(--terracotta-button);color:#fff;border-radius:6px;padding:1px 6px;font-size:14px;font-weight:900;display:inline-block}.market-owned{color:var(--ink-soft);margin:0;font-size:13px}.market-item{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-bottom:10px;display:flex}.market-item-picture{width:64px;height:64px}.market-item-emoji{font-size:44px}.market-item-name{font-size:18px;font-weight:800}.market-due{background:#fff7d6;border:2px solid #e2c35a;border-radius:12px;padding:4px 14px;font-size:30px;font-weight:900}.market-dots{flex-basis:100%;justify-content:center;gap:6px;display:flex}.market-dot{width:22px;height:22px;color:var(--terracotta-ink);border:3px dashed #d8b24a;border-radius:50%;place-items:center;font-weight:900;display:grid}.market-dot.full{background:radial-gradient(circle at 35% 35%,#f7e08c,#d8a93a);border-style:solid}.market-dot.pop{animation:.2s ease-out pop-in}.market-dot.extra{border-color:var(--terracotta)}.market-zone{margin-bottom:10px;position:relative}.market-zone-label{color:var(--ink-soft);margin:0 0 4px 4px;font-size:13px;font-weight:800;display:block}.market-counter,.market-wallet{border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:92px;padding:10px;display:flex}.market-counter{background:repeating-linear-gradient(0deg, #0000000f 0 2px, transparent 2px 30px), linear-gradient(180deg, #d8ad78, var(--plank));box-shadow:inset 0 -5px 0 var(--plank-dark), 0 3px 0 #00000014;transition:box-shadow .15s}.market-counter.over{box-shadow:inset 0 -5px 0 var(--plank-dark), 0 0 0 4px var(--highlight-edge)}.market-empty{color:#fff8ea;text-shadow:0 1px #0003;font-weight:800}.market-wallet{background:radial-gradient(circle at 20% 10%, #ffffff1f, transparent 60%), linear-gradient(180deg, var(--leather), var(--leather-dark));outline-offset:-9px;outline:2px dashed #ffecc859;box-shadow:inset 0 0 0 3px #ffffff14,inset 0 0 0 5px #0000002e}.market-piece{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:0;padding:0;transition:transform 80ms;position:relative}.market-piece:active{transform:scale(.94)}.market-piece.dragging{opacity:.35}.market-coin{--size:58px;--ring:#d8b24a;--core:#d8b24a;--ink-coin:#6b4e12;width:var(--size);height:var(--size);background:radial-gradient(circle at 32% 28%, #ffffff8c, transparent 42%), var(--ring);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #00000026,inset 0 -3px #0000002e,0 3px #00000040}.coin-face{background:radial-gradient(circle at 35% 30%, #ffffff80, transparent 45%), var(--core);width:72%;height:72%;color:var(--ink-coin);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1;display:flex;box-shadow:inset 0 0 0 1px #0000002e}.coin-value{font-size:calc(var(--size) * .36);font-weight:900}.coin-unit{font-size:calc(var(--size) * .12);letter-spacing:.04em;font-weight:900}.piece-200{--size:66px;--ring:#c9ced3;--core:#dcb54a}.piece-100{--size:60px;--ring:#dcb54a;--core:#c9ced3;--ink-coin:#4a4f57}.piece-50{--size:62px}.piece-20{--size:57px}.piece-10{--size:51px}.piece-5{--size:54px;--ring:#c46a3d;--core:#c46a3d;--ink-coin:#5c2a12}.market-note{--paper-note:#a3aaa1;background:radial-gradient(circle at 78% 50%, #ffffff73 0 14px, transparent 15px), linear-gradient(135deg, #ffffff40, transparent 60%), var(--paper-note);color:#0000009e;border-radius:6px;flex-direction:column;justify-content:center;align-items:flex-start;width:104px;height:58px;padding-left:12px;line-height:1;display:flex;box-shadow:inset 0 0 0 3px #ffffff59,0 3px #00000040}.note-value{font-size:26px;font-weight:900}.note-unit{letter-spacing:.08em;font-size:10px;font-weight:900}.piece-1000{--paper-note:#d9776d}.piece-2000{--paper-note:#6f95cf}.piece-5000{--paper-note:#e8a05c}.market-coin.gbp.piece-100{--size:58px;--ring:#dcb54a;--core:#c9ced3;--ink-coin:#4a4f57}.market-coin.gbp.piece-200{--size:66px;--ring:#dcb54a;--core:#c9ced3;--ink-coin:#4a4f57}.market-note.gbp.piece-500{--paper-note:#6fbcb0}.market-note.gbp.piece-1000{--paper-note:#e0955a}.market-note.gbp.piece-2000{--paper-note:#a58bd0}.market-coin.pen.piece-10,.market-coin.pen.piece-20,.market-coin.pen.piece-50{--ring:#d8b45a;--core:#d8b45a;--ink-coin:#5a4520}.market-coin.pen.piece-10{--size:44px}.market-coin.pen.piece-20{--size:48px}.market-coin.pen.piece-50{--size:52px}.market-coin.pen.piece-100{--size:56px;--ring:#c9ced3;--core:#c9ced3;--ink-coin:#4a4f57}.market-coin.pen.piece-200,.market-coin.pen.piece-500{--ring:#c9ced3;--core:#dcb54a;--ink-coin:#4a4f57}.market-coin.pen.piece-200{--size:60px}.market-coin.pen.piece-500{--size:66px}.market-note.pen.piece-1000{--paper-note:#7fb36a}.market-note.pen.piece-2000{--paper-note:#e0955a}.market-note.pen.piece-5000{--paper-note:#d96a5a}.market-note.pen.piece-10000{--paper-note:#6f95cf}.market-note.pen.piece-20000{--paper-note:#d98fb4}.market-piece.hint{outline:4px solid var(--highlight-strong);outline-offset:3px;animation:1s ease-in-out infinite market-hint}@keyframes market-hint{50%{outline-color:var(--gold);outline-offset:6px}}.market-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 8px 10px #0000004d);position:fixed;transform:scale(1.1)rotate(-6deg)}.market-actions{justify-content:space-between;gap:10px;display:flex}.market-pay{min-width:160px;font-size:20px}.market-pay:disabled{opacity:.5}.market-done{flex-direction:column;gap:12px;display:flex}.market-change-row{background:var(--paper-2);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.market-change-row .market-zone-label{text-align:center;flex-basis:100%}.market-given{cursor:default;animation:.35s ease-out both market-given}@keyframes market-given{0%{opacity:0;translate:0 -24px}to{opacity:1;translate:0}}.market-got{justify-content:center;align-items:center;gap:12px;font-size:18px;font-weight:800;display:flex}.market-got img{width:72px;height:72px}@media (width<=560px){.market-coin{--size:50px}.piece-200{--size:56px}.market-coin.gbp.piece-100{--size:50px}.market-coin.gbp.piece-200{--size:56px}.market-note{width:88px;height:50px}.market-purse{display:none}}@media (prefers-reduced-motion:reduce){.market-piece.hint,.market-given,.market-dot.pop{animation:none}}