/* Compact offer cards: approved art, charcoal grain, aged brass and pressed crimson. */
@font-face{font-family:Offers;src:url('assets/rokkitt.ttf') format('truetype');font-weight:300 900;font-display:swap}
dialog#crow-shop.shop{--shop-bone:#fff3d8;--shop-gold:#71624a;position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:64px 24px 24px;border:0;border-radius:0;background:transparent;color:var(--shop-bone);overflow:auto;overscroll-behavior:contain;font-family:Arial,Helvetica,sans-serif;touch-action:pan-y;scroll-padding-top:24px}
dialog.shop::backdrop{background:#05070977;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.shop-inner{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(660px,44vw);margin:0 auto;padding:0;background:none}
.shop-top{grid-column:1/-1;display:flex;justify-content:center;align-items:center;margin-bottom:clamp(48px,8vh,78px)}
.shop-heading,.shop-section-title,.shop-bet>span,.price-unit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shop-bet{display:flex;align-items:center;justify-content:center;gap:6px;min-width:184px;min-height:68px;padding:6px 9px;border:1px solid #74664e;border-radius:17px;background:linear-gradient(145deg,#13130fec,#050604f7);box-shadow:0 5px 18px #0006}
.shop-bet strong{min-width:72px;text-align:center;font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.shop-bet button{position:relative;width:38px;height:44px;padding:0;border:0;border-radius:6px;background:none;color:transparent;font-size:0;transition:background-color .16s}
.shop-bet button::before,.shop-bet button::after{content:"";position:absolute;left:4px;right:4px;top:calc(50% - 2px);height:4px;border-radius:3px;background:var(--shop-bone)}
.shop-bet button::after{display:none;transform:rotate(90deg)}#shop-bet-up::after{display:block}.shop-bet button:hover{background:#ffffff16}
.shop-close{position:fixed;right:28px;top:64px;width:48px;height:48px;padding:0;border:0;background:none;z-index:2;filter:drop-shadow(0 3px 5px #0009)}
.shop-close::before,.shop-close::after{content:"";position:absolute;left:4px;right:4px;top:calc(50% - 5px);height:10px;background:#fff4df;transform:rotate(45deg)}.shop-close::after{transform:rotate(-45deg)}.shop-close:hover{filter:brightness(1.2)}
.shop-group,.shop-grid{display:contents}
.shop-card.printed-card{position:relative;min-width:0;display:grid;grid-template-rows:36px minmax(0,1fr) 24px 34px;gap:9px;height:clamp(212px,29.5vh,260px);padding:15px 12px 11px;border:1px solid var(--shop-gold);border-radius:6px;background:radial-gradient(ellipse at 50% 38%,#352c1c50,transparent 72%),linear-gradient(155deg,#171914,#0c0e0b 68%);box-shadow:inset 0 1px 0 #ead5a52b,inset 0 0 0 3px #080a0766,0 7px 18px #0007;text-align:center;isolation:isolate;transition:border-color .2s,box-shadow .2s,transform .2s}
.shop-card.printed-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:url(assets/shop/grain.png) repeat;opacity:.065;mix-blend-mode:soft-light;pointer-events:none;z-index:-1}
.shop-card.printed-card::after{content:"";position:absolute;inset:4px;border:1px solid #aa8d5024;border-radius:3px;pointer-events:none}
.card-heading{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0}
.shop-card h4{margin:0;color:#f8f1df;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.15;font-weight:800;letter-spacing:.1px}
.card-detail{margin:0;color:#b9b4a7;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:.55px}
.card-visual{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);gap:5px;padding:0 3px}
.shop-card[data-kind=buy] .card-visual{grid-template-rows:minmax(0,1fr) 21px}
.art-stage{display:flex;min-width:0;min-height:0;align-items:center;justify-content:center;container-type:size}
.card-trigger{display:flex;align-items:center;justify-content:center;gap:6px;color:#c9bea5;font-size:9px;font-weight:600;letter-spacing:.65px;line-height:1;white-space:nowrap}
.card-trigger b{font-size:12px;color:#f3dfb4;font-weight:800}
.trigger-symbol{width:18px;height:21px;background:url(assets/shop/trickster-buy-menu.png) 27.04% 34.27%/1125.9% 693.1% no-repeat;filter:drop-shadow(0 1px 2px #0009)}
.card-art{position:relative;overflow:hidden;aspect-ratio:var(--art-ratio);width:min(92cqw,calc(100cqh * var(--art-ratio)),var(--art-width));height:auto;mix-blend-mode:lighten;transition:transform .3s cubic-bezier(.2,.7,.2,1),filter .3s}
.shop-card[data-kind=buy] .card-art{width:min(100cqw,calc(100cqh * var(--art-ratio)),210px);filter:brightness(1.12) contrast(1.04)}
.card-art img{position:absolute;max-width:none;display:block}
.card-art.standalone-art img{inset:0;width:100%;height:100%;object-fit:contain}
.card-art.hanging-offer canvas{display:block;width:100%;height:100%}
.scatter-window{position:absolute;inset:0;overflow:hidden}
.card-art.booster-art{overflow:visible;mix-blend-mode:normal}
.scatter-boost{position:absolute;right:-8%;bottom:-4%;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:clamp(44px,41cqh,52px);aspect-ratio:1;padding:0;border:0;border-radius:50%;background:#851b12;color:#e7bb46;font:400 25px/1 Outlaw,Georgia,serif;filter:drop-shadow(0 2px 1px #000a);pointer-events:none}.scatter-boost[data-multiplier='5']{background:url('assets/shop/bounty-five-emblem.svg') center/contain no-repeat;border-radius:0}.scatter-boost[data-multiplier='5']>span{visibility:hidden}.scatter-boost-times{font-size:.8em}
.shop-card[data-kind=buy] .standalone-art,.shop-card[data-kind=buy] .hanging-offer{filter:none}

.purchase-line{display:flex;align-items:center;justify-content:center;min-width:0}
.shop-card .price{color:#fff8e9;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:800;line-height:1.15;letter-spacing:-.2px;font-variant-numeric:tabular-nums;white-space:nowrap}
.shop-card button{display:block;position:relative;width:100%;min-height:34px;margin:0;padding:7px 4px;border:1px solid #a82727;border-radius:3px;background:linear-gradient(180deg,#a52a24 0%,#801411 48%,#600d0c 100%);box-shadow:inset 0 1px 0 #ffca9145,inset 0 -2px 0 #30030099,0 2px 4px #0007;text-shadow:0 1px 2px #2c0000;color:#fff3df;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:.65px;overflow:hidden;transition:background-color .16s,filter .16s,transform .16s,box-shadow .16s}
.shop-card button::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#fff0c329 49%,transparent 68%);transform:translateX(-120%);pointer-events:none}
.shop-card button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 5px #20000080}
@media(hover:hover) and (pointer:fine){.shop-card.printed-card:hover{border-color:#b39763;box-shadow:inset 0 1px 0 #efd5a445,inset 0 0 0 3px #080a0766,0 10px 24px #0009;transform:translateY(-2px)}.shop-card:hover .card-art{transform:translateY(-2px) scale(1.025)}.shop-card button:hover:not(:disabled){filter:brightness(1.15)}.shop-card button:hover:not(:disabled)::after{animation:offer-button-light .5s ease-out both}}
.shop-card.printed-card.active{border-color:#e85947;box-shadow:inset 0 3px 0 #c24132,inset 0 0 0 3px #b539211b,0 7px 20px #0008}.shop-card.active::after{border-color:#b944333c}.shop-card.active button{background:linear-gradient(#b8372c,#791310);border-color:#ef7860}
.shop-note{grid-column:1/-1;margin:8px -40px 0;color:#c8c1b2;font-size:12px;line-height:1.5;text-align:center;text-shadow:0 1px 3px #000}
.shop button:focus-visible{outline:2px solid #fff3cf;outline-offset:3px}
.shop-confirm{display:none;grid-column:1/-1;width:min(420px,100%);margin:0 auto;padding:28px 26px 24px;border:1px solid var(--shop-gold);border-radius:11px;background:linear-gradient(155deg,#171812,#090b08 75%);color:var(--shop-bone);text-align:center;box-shadow:inset 0 0 0 4px #0006,0 20px 60px #000b}
.shop[data-view=confirm] .shop-group{display:none}.shop[data-view=confirm] .shop-confirm{display:flex;flex-direction:column;align-items:center}.shop[data-view=confirm] .shop-top{margin-bottom:25px}
.shop-confirm .eyebrow{margin:0 0 13px;font-size:12px;font-weight:700;letter-spacing:1.8px;color:#b6a987}.shop-confirm h3{margin:0;font-family:Western,Georgia,serif;font-size:32px;font-weight:700;line-height:1.2}
.shop-confirm .art{width:min(260px,100%);height:150px;display:flex;align-items:center;justify-content:center;container-type:size;margin:18px 0;filter:drop-shadow(0 8px 10px #0007)}.shop-confirm .card-art{width:min(100cqw,calc(100cqh * var(--art-ratio)));filter:brightness(1.1)}.shop-confirm .feature{font-size:14px;font-weight:700;line-height:1.5;color:#ded4bc}.shop-confirm .price{margin-top:18px;font:900 40px/1.1 Offers,Georgia,serif;font-variant-numeric:tabular-nums}.shop-confirm .balance{margin-top:10px;font-size:13px;line-height:1.4;color:#c7bea9}.shop-confirm .balance.short{color:#ff9486}
.shop-confirm .actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:25px}.shop-confirm button{min-height:48px;padding:10px;border:1px solid #75694e;border-radius:5px;background:#1c1e16;color:#f7ead1;font-family:Western,Georgia,serif;font-size:20px;font-weight:700}.shop-confirm button.confirm{border-color:#ff1b32;background:linear-gradient(#a80004,#660000)}.shop-confirm button:hover:not(:disabled){filter:brightness(1.25)}.shop-confirm button:disabled{opacity:.45;cursor:default}
.shop[data-view=confirm] .shop-top{margin-bottom:20px}.shop-confirm h3{font-size:26px}.shop-confirm .price{font:800 30px/1.1 Arial,Helvetica,sans-serif}.shop-confirm button{font-family:Arial,Helvetica,sans-serif;font-size:14px}
.hud-provider{cursor:pointer;border:0;padding:0;transition:transform .15s}.hud-provider:hover:not(:disabled){transform:scale(1.06)}
@keyframes shop-enter{from{opacity:0;translate:0 9px}to{opacity:1;translate:0 0}}
@keyframes offer-button-light{to{transform:translateX(120%)}}
.shop[open] .shop-card{animation:shop-enter .3s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--offer-order,0)*35ms)}
@media(min-width:701px) and (max-width:1100px){.shop-inner{width:clamp(420px,46vw,510px);gap:9px}.shop-card.printed-card{padding:12px 9px 9px;gap:7px;grid-template-rows:33px minmax(0,1fr) 22px 32px}.shop-card h4{font-size:12px}.card-detail{font-size:9px;letter-spacing:.15px}.shop-card .price{font-size:16px}.shop-card button{font-size:11px;min-height:32px}}
@media(min-width:701px) and (max-height:650px){dialog#crow-shop.shop{padding-top:64px;padding-bottom:18px}.shop-inner{width:min(580px,46vw,calc((100dvh - 152px)*1.14));gap:8px}.shop-top{margin-bottom:clamp(10px,2.3vh,16px)}.shop-bet{min-height:60px;min-width:170px;padding:4px 7px}.shop-bet strong{font-size:22px;min-width:65px}.shop-card.printed-card{height:clamp(164px,29vh,188px);padding:9px 8px 8px;grid-template-rows:23px minmax(0,1fr) 17px 23px;gap:4px}.shop-card h4{font-size:11px}.card-detail{font-size:8px;letter-spacing:.15px}.shop-card .price{font-size:14px}.shop-card button{min-height:23px;padding:3px;font-size:10px}.shop-card[data-kind=buy] .card-visual{grid-template-rows:minmax(0,1fr) 17px;gap:3px}.card-trigger{font-size:8px;letter-spacing:.3px;gap:4px}.card-trigger b{font-size:10px}.trigger-symbol{width:14px;height:16px}.shop-note{margin-top:5px;font-size:11px}.shop-close{top:64px;width:42px;height:42px}}
@media(max-width:700px){dialog#crow-shop.shop{padding:22px 16px 18px}.shop-inner{width:min(420px,100%);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shop-top{justify-content:center;padding-right:38px;margin-bottom:16px}.shop-bet{min-width:172px;min-height:62px;gap:4px;padding:4px 7px}.shop-bet strong{font-size:22px;min-width:70px}.shop-bet button{width:36px;height:44px}.shop-close{top:30px;right:16px;width:38px;height:38px}.shop-close::before,.shop-close::after{height:7px;top:calc(50% - 3.5px)}.shop-card.printed-card{height:220px;padding:12px 10px 9px;grid-template-rows:34px minmax(0,1fr) 22px 44px;gap:7px}.shop-card h4{font-size:12px;letter-spacing:0}.card-detail{font-size:9px;letter-spacing:.15px}.shop-card .price{font-size:17px}.shop-card button{height:44px;font-size:11px;letter-spacing:.4px}.shop-note{margin:8px 0 0;font-size:11px}.shop-confirm{padding-inline:18px}.shop-confirm h3{font-size:24px}}
@media(max-width:360px){dialog#crow-shop.shop{padding-inline:10px}.shop-inner{gap:8px}.shop-card.printed-card{padding-inline:8px}.shop-card h4{font-size:11px}.shop-close{right:10px}.shop-bet{min-width:165px}}
@media(prefers-reduced-motion:reduce){.shop[open] .shop-card{animation:none}.shop button,.shop-card,.card-art,.hud-provider{transition:none}.shop-card button::after{display:none}.shop-card.printed-card:hover,.shop-card:hover .card-art{transform:none}}

/* Hell to Pay: more space for the approved illustration; quiet, legible controls. */
.shop-card.printed-card.hell-to-pay-card{border-color:#9b7651;background:radial-gradient(ellipse at 50% 39%,#5e251a4d,transparent 70%),linear-gradient(155deg,#1a1812,#0d0d09 73%);box-shadow:inset 0 1px 0 #edd2a33d,inset 0 0 0 3px #080a0777,0 7px 18px #0007}
.hell-to-pay-card .card-detail{color:#e0c99e;font-weight:600;letter-spacing:.2px}
.shop-card.hell-to-pay-card .card-visual{padding:0;grid-template-rows:minmax(0,1fr) 17px;gap:3px}
.hell-to-pay-card .art-stage{margin:-3px -10px 0}
.shop-card.hell-to-pay-card .hell-offer-art{width:min(100cqw,calc(100cqh * var(--art-ratio)),240px);filter:none}
.hell-offer-motion{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.hell-offer-motion.ready{opacity:1}
.hell-to-pay-card .card-trigger{font-size:9px;color:#cbbba1}
.hell-to-pay-card .trigger-symbol{height:17px;width:15px}
.hell-to-pay-card .card-trigger b{font-size:11px}
.hell-to-pay-card button{border-color:#bc5140;background:linear-gradient(180deg,#a62920,#7b1712 52%,#57100d);box-shadow:inset 0 1px 0 #efb28355,inset 0 -2px 0 #2c060699,0 2px 4px #0007}
.shop-card.printed-card.hell-to-pay-card:hover{transform:none;border-color:#c49b67}
.hell-to-pay-card:hover .card-art{transform:none}
.shop-card.hell-to-pay-card button:hover::after{animation:none;display:none}
.shop-confirm .hell-offer-art{filter:none}
@media(min-width:701px) and (max-height:650px){.hell-to-pay-card .art-stage{margin:-2px -7px 0}.shop-card.hell-to-pay-card .card-visual{grid-template-rows:minmax(0,1fr) 15px;gap:2px}.hell-to-pay-card .card-trigger{font-size:8px}.hell-to-pay-card .trigger-symbol{height:15px;width:13px}}
@media(max-width:700px){.hell-to-pay-card .art-stage{margin:-3px -6px 0}}

/* Hang 'Em High: a readable cowboy close-up, solid ink and a fixed gallows. */
.shop-card.printed-card.hang-em-card{border-color:#948269;background:radial-gradient(ellipse at 44% 42%,#69645740,transparent 65%),linear-gradient(155deg,#1a1d18,#0c0e0b 75%);grid-template-rows:30px minmax(0,1fr) 24px 34px;gap:7px;padding-top:13px}
.hang-em-card .card-heading{gap:6px}
.hang-em-card .card-detail{color:#d8c9ac;font-weight:600}
.shop-card.hang-em-card .card-visual{padding:0;grid-template-rows:minmax(0,1fr) 17px;gap:3px}
.hang-em-card .art-stage{margin:0 -5px}
.shop-card.hang-em-card .hanging-offer{width:min(100cqw,calc(100cqh * var(--art-ratio)),210px);mix-blend-mode:normal;filter:none}
.hanging-offer{mix-blend-mode:normal}
.card-art.hanging-offer canvas{position:absolute;inset:0;width:100%;height:100%;mask-image:linear-gradient(#000 90%,transparent);-webkit-mask-image:linear-gradient(#000 90%,transparent)}
.hanging-timber{mix-blend-mode:lighten}
.hanging-cowboy{transform-origin:43.7% 13.5%;animation:offer-cowboy-sway 4.2s ease-in-out infinite alternate;animation-play-state:paused}
.shop[open]:not(.offer-motion-paused)[data-view=grid] .shop-card .hanging-cowboy,.shop[open]:not(.offer-motion-paused)[data-view=confirm] .shop-confirm .hanging-cowboy{animation-play-state:running}
.hang-em-card .card-trigger{color:#cbbba1;letter-spacing:.5px}
.hang-em-card .trigger-symbol{width:15px;height:17px}
.hang-em-card .card-trigger b{font-size:11px}
.hang-em-card button{border-color:#bc5140;background:linear-gradient(180deg,#a62920,#7b1712 52%,#57100d)}
.shop-card.printed-card.hang-em-card:hover{transform:none;border-color:#c3ab7c}
.hang-em-card:hover .card-art{transform:none}
.shop-card.hang-em-card button:hover::after{animation:none;display:none}
.shop-confirm .hanging-offer{filter:none}
@keyframes offer-cowboy-sway{from{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}
@media(min-width:701px) and (max-height:650px){.shop-card.printed-card.hang-em-card{grid-template-rows:23px minmax(0,1fr) 17px 23px;padding-top:9px;gap:4px}.shop-card.hang-em-card .card-visual{grid-template-rows:minmax(0,1fr) 15px;gap:2px}.hang-em-card .trigger-symbol{height:15px;width:13px}}
@media(max-width:700px){.shop-card.printed-card.hang-em-card{grid-template-rows:29px minmax(0,1fr) 22px 44px;gap:5px;padding-top:12px}.hang-em-card .card-heading{gap:5px}}
@media(prefers-reduced-motion:reduce){.hanging-cowboy{animation:none}}

/* Animated printed offers. Only artwork moves; labels, prices and actions stay still. */
.offer-motion-art{isolation:isolate}
.offer-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2;mix-blend-mode:screen}
.offer-fx i{position:absolute;display:block;pointer-events:none;animation-play-state:paused!important}
.offer-motion-art[data-motion-active=true] .offer-fx i{animation-play-state:running!important}
.offer-glow{inset:0;opacity:0}
.offer-glint{width:14%;height:14%;opacity:0;background:radial-gradient(ellipse at center,#fff6c8 0 5%,#e5b95299 10%,transparent 52%);filter:drop-shadow(0 0 3px #d7a430)}
.offer-glint:nth-child(2){left:8%;top:15%;animation-delay:-.8s}
.offer-glint:nth-child(3){right:9%;top:64%;animation-delay:-2.4s}
.offer-glint:nth-child(4){left:67%;top:7%;animation-delay:-4.2s}
[data-offer-motion=outlaw] .offer-glow{background:radial-gradient(ellipse at 50% 48%,#ffcf4632,transparent 65%);animation:offer-gold-breathe 3.9s ease-in-out infinite}
[data-offer-motion=outlaw] .offer-glint{animation-name:offer-gold-glint;animation-duration:4.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
[data-offer-motion=allin] .offer-glow{inset:8% 7% 8%;background:radial-gradient(ellipse at 18% 18%,#ffe7ac9c,transparent 23%),radial-gradient(ellipse at 82% 82%,#e1aa4770,transparent 25%);animation:offer-symbol-light 4.5s ease-in-out infinite}
[data-offer-motion=allin] .offer-glint{animation:offer-gold-glint 5.3s ease-in-out infinite}
[data-offer-motion=allin] .offer-glint:nth-child(2){left:11%;top:74%;animation-delay:-2s}
[data-offer-motion=allin] .offer-glint:nth-child(3){right:43%;top:9%;animation-delay:-4s}
[data-offer-motion=allin] .offer-glint:nth-child(4){left:73%;top:43%;animation-delay:-.5s}
[data-offer-motion=booster] .offer-glow{inset:5% 13% 13% 5%;background:radial-gradient(ellipse at 20% 65%,#fa472b82,transparent 58%),radial-gradient(ellipse at 85% 30%,#d0392864,transparent 48%);animation:offer-ember-breathe 3.6s ease-in-out infinite}
[data-offer-motion=booster] .offer-glint{width:3%;height:3%;background:#d89b67;filter:blur(.5px);animation:offer-ember-rise 5s ease-in-out infinite}
[data-offer-motion=dead] .offer-glow{background:radial-gradient(ellipse at 38% 57%,#e0cba63a,transparent 58%);animation:offer-gold-breathe 4.8s ease-in-out infinite}
[data-offer-motion=dead] .offer-glint{width:2%;height:2%;background:#bba686;filter:blur(.4px);animation:offer-ember-rise 7s ease-in-out infinite}
[data-offer-motion=dead]>img{animation:offer-money-drift 5.3s ease-in-out infinite;animation-play-state:paused;transform-origin:50% 75%}
[data-offer-motion=dead][data-motion-active=true]>img{animation-play-state:running}
@keyframes offer-gold-breathe{0%,100%{opacity:.2}50%{opacity:.85}}
@keyframes offer-gold-glint{0%,30%,100%{opacity:0;transform:scale(.5)}40%{opacity:.95;transform:scale(1.3)}64%{opacity:0;transform:scale(.65)}}
@keyframes offer-symbol-light{0%,100%{opacity:.18;transform:translateY(3%)}50%{opacity:.78;transform:translateY(-3%)}}
@keyframes offer-ember-breathe{0%,100%{opacity:.25;transform:translateY(1%)}50%{opacity:.75;transform:translateY(-1%)}}
@keyframes offer-ember-rise{0%{opacity:0;transform:translate(0,18px)}30%{opacity:.78}80%,100%{opacity:0;transform:translate(6px,-22px)}}
@keyframes offer-money-drift{0%,100%{transform:translateY(0) rotate(-.8deg)}50%{transform:translateY(-3px) rotate(.8deg)}}
@media(prefers-reduced-motion:reduce){.offer-fx{display:none}.offer-motion-art>img{animation:none!important}}

/* Keep offer headings separate from art; touch layouts may scroll vertically. */
.shop-card.printed-card{grid-template-rows:48px minmax(0,1fr) 24px 34px}
.shop-card.printed-card.hang-em-card{grid-template-rows:40px minmax(0,1fr) 24px 34px}
@media(max-width:700px){
 .shop-card.printed-card{height:244px;grid-template-rows:46px minmax(0,1fr) 22px 44px}
 .shop-card.printed-card.hang-em-card{grid-template-rows:38px minmax(0,1fr) 22px 44px}
 .shop-close{width:44px;height:44px;top:26px}
 .shop-bet button{width:44px}
}
@media(pointer:coarse) and (min-width:701px){
 .shop-inner{width:min(760px,100%)}
 .shop-card.printed-card,.shop-card.printed-card.hang-em-card{min-height:244px;grid-template-rows:48px minmax(0,1fr) 24px 44px}
 .shop-card button,.shop-bet button{min-height:44px;min-width:44px}
 .shop-close{width:44px;height:44px}
}
@media(max-height:500px) and (orientation:landscape){
 dialog#crow-shop.shop{padding:18px 60px 24px}
 .shop-inner{width:min(760px,100%);gap:12px}
 .shop-top{margin-bottom:12px}
 .shop-close{top:18px;right:12px;width:44px;height:44px}
 .shop-card.printed-card,.shop-card.printed-card.hang-em-card{height:244px;grid-template-rows:46px minmax(0,1fr) 24px 44px;gap:7px;padding:12px 10px}
 .shop-card h4{font-size:12px}.card-detail{font-size:10px}.shop-card .price{font-size:17px}
 .shop-card button{min-height:44px;font-size:12px}.shop-bet button{width:44px}
 .shop-card[data-kind=buy] .card-visual{grid-template-rows:minmax(0,1fr) 21px}
}


/* Matte oxblood controls with clear slab lettering and quiet pressed states. */
.shop .shop-card.printed-card{height:clamp(244px,30.5vh,278px);grid-template-rows:48px minmax(0,1fr) 24px 44px}
.shop .shop-card button,.shop-confirm button.confirm{
 position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;
 min-height:44px;padding:10px 8px;border:1px solid #8a3b35;border-radius:2px;
 background:#651719;color:#fff0d5;font:900 17px/20px Offers,Georgia,serif;letter-spacing:.65px;white-space:nowrap;
 text-shadow:none;box-shadow:0 2px 0 #300e0b;cursor:pointer;filter:none;
 transition:background-color .14s,border-color .14s,transform .08s;
}
.shop .shop-card button::before,.shop .shop-card button::after,.shop-confirm button.confirm::before,.shop-confirm button.confirm::after{display:none!important;animation:none!important;content:none}
.shop .shop-card.active button{border-color:#a07a62;background:#421218;color:#e3d9c4;box-shadow:0 2px 0 #11170e;text-shadow:none}
.shop .shop-card button:disabled,.shop-confirm button.confirm:disabled{opacity:.45;filter:none;cursor:not-allowed;box-shadow:none}
.shop-confirm button{border-radius:2px;cursor:pointer;font:800 16px/20px Offers,Georgia,serif;letter-spacing:.5px}
.shop-confirm #confirm-cancel{border:1px solid #5b6052;background:#22271e;box-shadow:none;color:#dfd7c7}
.shop .shop-bet button{width:44px;min-width:44px;border:1px solid #71695755;border-radius:2px;background:#24271f;box-shadow:none;cursor:pointer}
.shop .shop-bet button::before,.shop .shop-bet button::after{left:12px;right:12px;height:3px;top:calc(50% - 1.5px);background:#eadfc8}
.shop .shop-bet button:active{background:#11150d;transform:translateY(1px)}
.shop .shop-close{border:1px solid #71695777;border-radius:2px;background:#181c15ed;box-shadow:none;filter:none;cursor:pointer}
.shop .shop-close::before,.shop .shop-close::after{left:12px;right:12px;height:3px;top:calc(50% - 1.5px);background:#eadfc8}
.shop button:focus-visible{outline:2px solid #f2dfb8;outline-offset:4px}
.shop .shop-card.printed-card:hover{transform:none}
@media(hover:hover) and (pointer:fine){
 .shop .shop-card button:hover:not(:disabled),.shop-confirm button.confirm:hover:not(:disabled){background:#7b2022;border-color:#a05249;filter:none;box-shadow:0 2px 0 #300e0b}
 .shop .shop-card.active button:hover:not(:disabled){background:#5a1820;border-color:#c39a7d;box-shadow:0 2px 0 #11170e}
 .shop .shop-bet button:hover,.shop .shop-close:hover{background:#363b2f;border-color:#aba18a;filter:none}
 .shop-confirm #confirm-cancel:hover:not(:disabled){background:#343b2d;filter:none}
}
.shop .shop-card button:active:not(:disabled),.shop-confirm button.confirm:active:not(:disabled){background:#450e13;transform:translateY(1px);box-shadow:none;filter:none}
@media(max-width:700px){.shop .shop-card.printed-card{height:256px;grid-template-rows:46px minmax(0,1fr) 22px 44px}.shop .shop-card button{font-size:16px;letter-spacing:.25px;padding-inline:5px}}
@media(max-height:500px) and (orientation:landscape){.shop .shop-card.printed-card{height:256px;grid-template-rows:46px minmax(0,1fr) 24px 44px}}
@media(prefers-reduced-motion:reduce){.shop .shop-card button,.shop-confirm button,.shop .shop-bet button{transition:none}}
.shop .shop-note{margin-inline:0}

.shop-card button.short{background:#7a1b22;border-color:#c62f3a}