.offer-preview-banner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0 5vw 28px;padding:18px;border:3px solid var(--ink);background:var(--pink);color:var(--ink);box-shadow:6px 6px 0 var(--yellow);transform:rotate(-.5deg)}.offer-preview-banner strong{font:20px var(--marker)}.offer-preview-banner span{flex:1;font:16px/1.3 var(--comic)}.offer-preview-banner small{font:10px/1.4 var(--mono)}.tile-offers-button{display:block;width:calc(100% - 14px);min-height:44px;margin:7px;border:2px solid var(--ink);padding:10px 8px;background:var(--yellow);color:var(--ink);font:12px var(--marker);cursor:pointer;box-shadow:4px 4px 0 var(--pink);transform:rotate(-.45deg);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.tile-offers-button:hover{background:var(--pink);box-shadow:2px 2px 0 var(--green);transform:rotate(.45deg) translate(2px,2px)}body.offer-open{overflow:hidden}.offer-dialog{width:min(1120px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:4px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:10px 10px 0 var(--shade,var(--ink));overflow:auto}.offer-dialog::backdrop{background:rgba(15,27,20,.8)}.offer-dialog-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;border-bottom:3px solid var(--ink);background:var(--yellow);font:11px/1.4 var(--mono)}.offer-close{min-height:40px;border:2px solid var(--ink);padding:7px 12px;background:var(--cream);color:var(--ink);font:13px var(--marker);cursor:pointer}.offer-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.offer-spotlight{min-width:0;padding:30px;background:var(--blue);border-right:3px solid var(--ink)}.offer-art-frame{border:3px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--shade,var(--ink));transform:rotate(-1deg)}.offer-art-frame>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff}.offer-art-frame>img[hidden]{display:none}.offer-art-caption{padding:18px;border-top:3px solid var(--ink);background:var(--yellow)}.offer-art-caption h3{font:30px/1.1 var(--marker)}.offer-art-caption p{margin:10px 0 0;font:13px/1.4 var(--comic)}.offer-kicker{display:block;margin:0 0 10px;font:10px/1.5 var(--mono);letter-spacing:.8px}.offer-traits{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 20px}.offer-traits>div{border-bottom:2px dashed var(--ink);padding-bottom:10px}.offer-traits small{display:block;margin-bottom:5px;font:10px var(--mono)}.offer-traits strong{font:16px/1.3 var(--marker);overflow-wrap:anywhere}.offer-source{color:var(--ink);font:11px/1.6 var(--mono);text-underline-offset:4px}.offer-art-note{font:12px/1.5 var(--comic);max-width:340px}.offer-art-error{padding:70px 24px;line-height:1.5;text-align:center}.offer-wall{min-width:0;padding:30px}.offer-wall h2{font:clamp(30px,4vw,48px)/1.05 var(--marker)}.offer-intro{font:17px/1.4 var(--comic);margin:12px 0 18px}.offer-disclaimer{padding:10px;border:2px dashed var(--ink);font:10px/1.7 var(--mono);margin:0 0 12px}.offer-demo{font:11px/1.5 var(--mono);margin:0 0 22px}.offer-count{font:13px/1.3 var(--marker);margin-bottom:12px}.offer-list{display:grid;gap:16px}.offer-card{padding:16px;border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--pink)}.offer-card:nth-child(even){box-shadow:4px 4px 0 var(--green)}.offer-card-own{background:#f3ffdf}.offer-person{display:flex;align-items:center;gap:10px;min-width:0}.offer-avatar{width:44px;height:44px;flex:none;object-fit:cover;background:var(--yellow);border:2px solid var(--ink);border-radius:50%}.offer-person>div{flex:1;min-width:0}.offer-person strong{display:block;font:700 17px/1.2 var(--comic)}.offer-handle{display:block;margin-top:3px;font:10px/1.4 var(--mono);overflow-wrap:anywhere}.offer-sample{font:9px/1.4 var(--mono);border:1px solid var(--ink);background:var(--yellow);padding:3px 5px}.offer-message{font:17px/1.4 var(--comic);margin:14px 0;overflow-wrap:anywhere;white-space:pre-wrap}.offer-item{display:grid;grid-template-columns:52px 1fr;column-gap:10px;align-items:center;background:var(--cream);border:2px solid var(--ink);padding:6px;margin-bottom:12px}.offer-item img{grid-row:span 2;width:52px;height:52px;object-fit:contain;background:#fff}.offer-item strong{font:14px/1.3 var(--marker)}.offer-item>span{font:9px/1.5 var(--mono)}.offer-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--ink);padding-top:8px}.offer-card-footer small{font:9px/1.5 var(--mono)}.offer-text-button{min-height:40px;padding:5px 0;border:0;background:none;color:var(--ink);text-decoration:underline;text-underline-offset:3px;font:10px/1.4 var(--mono);cursor:pointer}.offer-composer{margin-top:24px;padding:18px;border:2px dashed var(--ink);background:var(--yellow)}.offer-composer h3{font:24px var(--marker)}.offer-composer p{font:15px/1.4 var(--comic);margin:10px 0 14px}.offer-button{min-height:44px;border:2px solid var(--ink);padding:12px 16px;background:var(--ink);color:var(--cream);font:13px/1.4 var(--marker);cursor:pointer;box-shadow:3px 3px 0 var(--orange)}.offer-button:hover{background:var(--cream);color:var(--ink)}.offer-composer>small{display:block;margin-top:12px;font:10px/1.5 var(--mono)}.offer-account{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font:10px/1.5 var(--mono)}.offer-form{display:grid;gap:10px;margin-top:14px}.offer-form label{font:12px var(--marker)}.offer-form textarea{width:100%;resize:vertical;border:2px solid var(--ink);border-radius:0;padding:12px;background:var(--cream);color:var(--ink);font:16px/1.4 var(--comic)}.offer-form small{font:10px/1.5 var(--mono)}.offer-status{font:12px/1.5 var(--mono);overflow-wrap:anywhere}.offer-sales{margin-top:22px;padding:14px;border:2px dashed var(--ink);background:#fff;color:var(--ink)}.offer-sales h3{margin:0 0 10px;font:18px var(--marker);letter-spacing:.5px}.offer-sales-list{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}.offer-sale{padding:8px 10px;border:2px solid var(--ink);background:var(--cream);box-shadow:3px 3px 0 var(--shade,var(--ink))}.offer-sale-parties{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.offer-sale-party{display:grid;font:12px var(--mono)}.offer-sale-party small{font:8px var(--mono);letter-spacing:1px;color:#536259}.offer-sale-arrow{font:18px var(--marker)}.offer-sale-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px;font:10px var(--mono);color:#536259}.offer-sale-meta a{color:var(--ink);font-weight:700}.offer-sales-note{margin:0 0 8px;font:11px/1.5 var(--mono);color:#536259}.offer-sales-link{display:inline-block;font:700 11px var(--mono);color:var(--ink)}.offer-status:empty{display:none}.offer-dialog :focus-visible,.tile-offers-button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}@media(max-width:700px){.offer-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);box-shadow:4px 4px 0 var(--shade,var(--ink))}.offer-dialog-top{padding:6px 10px;font-size:9px}.offer-layout{grid-template-columns:1fr}.offer-spotlight{padding:22px;border-right:0;border-bottom:3px solid var(--ink)}.offer-art-frame{max-width:360px;margin:auto}.offer-wall{padding:22px 18px}.offer-wall h2{font-size:36px}.offer-preview-banner{margin-inline:0}.offer-preview-banner span{flex-basis:100%}.offer-card{padding:12px}.offer-person{gap:8px}.offer-card-footer{flex-wrap:wrap}.offer-traits{margin-top:24px}.offer-sample{font-size:8px}}

.offer-feed-launcher{position:fixed;z-index:29;right:24px;bottom:108px;border:4px solid var(--ink);background:var(--yellow);color:var(--ink);box-shadow:5px 5px 0 var(--pink);padding:11px 14px;font:16px var(--marker);cursor:pointer;transform:rotate(1deg)}.offer-feed-launcher span{display:block;font:8px var(--mono);letter-spacing:1px}.offer-feed-launcher[aria-expanded="true"]{display:none}.offer-feed{position:fixed;z-index:32;right:24px;bottom:24px;width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;padding:14px;background:var(--cream);color:var(--ink);border:4px solid var(--ink);box-shadow:7px 7px 0 var(--pink);overflow-y:auto}.offer-feed[hidden]{display:none}.offer-feed-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;margin:-14px -14px 8px;background:var(--yellow);border-bottom:3px solid var(--ink);flex-shrink:0}.offer-feed-head h2{font:22px/1.2 var(--marker);margin:0}.offer-feed-head button{min-width:44px;min-height:44px;border:2px solid var(--ink);background:var(--cream);color:var(--ink);font:24px var(--mono);cursor:pointer}.offer-feed>p{margin:5px 0;font:14px/1.4 var(--comic)}.offer-feed .offer-feed-label{font:11px/1.4 var(--marker)}.offer-feed .offer-disclaimer,.offer-feed .offer-feed-help{font:10px/1.4 var(--mono)}.offer-feed-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0}.offer-feed-tools p{font:10px/1.5 var(--mono);flex:1;min-width:150px;margin:0}.offer-feed-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;max-height:380px;min-height:120px;overflow-y:auto;scrollbar-gutter:stable;padding:6px 10px 10px 4px;margin:0 0 12px;align-content:start;overscroll-behavior:contain}.offer-feed-grid:empty{min-height:0;padding:0;margin:0}.offer-feed-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;min-width:0;padding:10px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--shade,var(--ink));align-self:start}.offer-feed-card:nth-child(3n+2){background:var(--pink)}.offer-feed-card:nth-child(3n){background:var(--green)}.offer-feed-card>img{display:block;width:72px;height:72px;object-fit:contain;background:#fff;border:2px solid var(--ink);transform:rotate(-2deg)}.offer-feed-card-body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;overflow-wrap:anywhere}.offer-feed-card h3{margin:0;font:18px/1.2 var(--marker)}.offer-feed-person{color:var(--ink);font:11px/1.5 var(--mono);font-weight:700;text-underline-offset:3px}.offer-feed-card .offer-message{margin:0;font:16px/1.35 var(--comic)}.offer-feed-posted,.offer-feed-expiry{font:10px/1.5 var(--mono)}.offer-feed .offer-button{padding:8px 10px;font-size:11px;flex-shrink:0}.offer-feed-card .offer-button{margin-top:4px}.offer-feed>button{align-self:flex-start}.offer-feed .offer-button:disabled,.offer-feed-launcher:disabled{opacity:.6;cursor:wait}.offer-feed :focus-visible,.offer-feed-launcher:focus-visible{outline:3px solid var(--blue);outline-offset:3px}@media(max-width:600px){.offer-feed-launcher{right:14px;bottom:98px}.offer-feed{right:10px;bottom:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:10px}.offer-feed-head{margin:-10px -10px 8px}.offer-feed-card{grid-template-columns:56px minmax(0,1fr);gap:10px}.offer-feed-card>img{width:56px;height:56px}}@media(prefers-reduced-motion:reduce){.offer-feed *{scroll-behavior:auto}}
.tile-offers-button small{display:block;margin-top:5px;font:10px/1.4 var(--mono)}.offer-owner{margin:0 0 20px;padding:14px;border:2px dashed var(--ink);background:var(--cream)}.offer-owner h3{font:18px/1.2 var(--marker)}.offer-owner-address{margin:10px 0;font:12px/1.6 var(--mono);overflow-wrap:anywhere;user-select:text}.offer-owner .offer-sales-note{margin-bottom:0}

/* Keep the noticeboard screenshot-friendly without scaling down its text. */
.offer-dialog .offer-art-frame{width:min(100%,262px);margin-inline:auto}
.offer-dialog .offer-art-frame>img{object-fit:scale-down}
.offer-dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px)}
.offer-dialog-top{padding:4px 16px}
.offer-spotlight,.offer-wall{padding:6px 20px}
.offer-dialog .offer-art-frame{width:min(100%,clamp(180px,26dvh,262px))}
.offer-wall .offer-kicker,.offer-wall .offer-demo,.offer-wall .offer-disclaimer{margin-bottom:5px}
.offer-wall .offer-composer,.offer-wall .offer-sales{margin-top:8px;padding:8px 10px}
.offer-wall .offer-composer>small{margin-top:5px}
.offer-wall .offer-count{margin:5px 0}
.offer-wall .offer-sales h3{margin-bottom:6px}
.offer-wall .offer-status{margin:5px 0}
.offer-spotlight{display:grid;grid-template-columns:minmax(0,262px) minmax(0,1fr);gap:8px 16px;align-content:start;align-items:start}
.offer-spotlight>.offer-traits{grid-template-columns:1fr;margin:0;gap:8px}
.offer-spotlight>.offer-owner,.offer-spotlight>.offer-source,.offer-spotlight>.offer-art-note{grid-column:1 / -1;margin:0}
.offer-art-caption{padding:8px 10px}
.offer-art-caption h3{font-size:22px;margin:0}
.offer-art-caption p{margin-top:4px}
.offer-art-caption .offer-kicker{margin-bottom:4px}
.offer-traits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:14px 0 10px}
.offer-traits>div{padding-bottom:5px}
.offer-traits small{margin-bottom:3px}
.offer-traits strong{font-size:14px}
.offer-owner{padding:8px 10px;margin-bottom:8px}
.offer-owner h3{margin:0;font-size:16px}
.offer-owner-address{margin:5px 0}
.offer-art-note{max-width:none;margin:6px 0 0}
.offer-wall>.offer-kicker{margin-bottom:5px}
.offer-wall h2{font-size:34px;margin:0}
.offer-intro{margin:6px 0 10px}
.offer-wall>.offer-disclaimer{padding:7px;margin-bottom:8px}
.offer-demo{margin-bottom:10px}
.offer-count{margin:8px 0}
.offer-composer{margin-top:12px;padding:10px 12px}
.offer-composer h3{font-size:20px;margin:0}
.offer-composer p{margin:6px 0 8px}
.offer-composer>small{margin-top:8px}
.offer-sales{margin-top:12px;padding:10px}
.offer-status{margin:8px 0}
@media(min-width:701px) and (max-width:999px){
.offer-spotlight,.offer-wall{padding:10px 14px}
.offer-spotlight{grid-template-columns:minmax(0,1fr)}
.offer-spotlight>.offer-traits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.offer-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}
.offer-dialog-top{padding:4px 8px}
.offer-close{flex-shrink:0}
.offer-spotlight,.offer-wall{padding:12px}
.offer-spotlight{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:10px 14px}
.offer-dialog .offer-art-frame{width:min(100%,262px)}
.offer-art-caption h3{font-size:20px}
.offer-traits strong{font-size:14px}
}
@media(max-width:359px){
.offer-spotlight{grid-template-columns:minmax(0,1fr)}
.offer-spotlight>.offer-traits{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.offer-art-frame.has-card{border:0;background:none;box-shadow:none;transform:none}.offer-art-frame.has-card>.offer-puppet-card{transform:rotate(-1deg)}.offer-art-frame.has-card>.offer-art-caption{margin-top:14px;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--shade,var(--ink));transform:rotate(.6deg)}
/* The dialog fits the screen; a long sales history scrolls inside its own box. */
@media(min-width:701px) and (min-height:761px){
.offer-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
.offer-dialog-top{flex:none}
.offer-layout{flex:1 1 auto;min-height:0;grid-template-rows:minmax(0,1fr)}
.offer-spotlight,.offer-wall{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.offer-wall{display:flex;flex-direction:column}
.offer-wall>*,.offer-sales>*{flex:none}
.offer-wall>.offer-sales{flex:0 1 auto;min-height:160px;display:flex;flex-direction:column}
.offer-sales>.offer-sales-list{flex:0 1 auto;min-height:120px;max-height:none}
}
.offer-sales-list{overflow-y:auto;overscroll-behavior:contain;padding:0 5px 5px 0}
.offer-sales-list{max-height:40dvh}
@media(max-width:700px){.offer-sales-list{max-height:45dvh}}