/* Art hooks. Each class sets --art for one image. Generated masters live in media-masters/gen (see docs/media-ledger.md); coin stacks stay as inline SVG. */
.art-game-baccarat { --art: url(../assets/media/game-baccarat.webp); }
.art-game-blackjack { --art: url(../assets/media/game-blackjack.webp); }
.art-game-roulette { --art: url(../assets/media/game-roulette.webp); }
.art-game-sic-bo { --art: url(../assets/media/game-sic-bo.webp); }
.art-game-slots { --art: url(../assets/media/game-slots.webp); }
.art-game-beyond-ice { --art: url(../assets/media/game-beyond-ice.webp); }
.art-game-mighty-wins { --art: url(../assets/media/game-mighty-wins.webp); }
.art-game-million-tree { --art: url(../assets/media/game-million-tree.webp); }
.prize-prize-amazon { --art: url(../assets/brand/amazon-gift-card.webp); --art-bg: #fff; }
.prize-prize-apple { --art: url(../assets/brand/apple-gift-card.webp); --art-bg: #fff; }
.prize-prize-iphone { --art: url(../assets/brand/iphone-16.webp); --art-bg: #fff; --art-size: 118%; }
.prize-prize-ps5 { --art: url(../assets/brand/playstation-5.webp); --art-bg: #fff; --art-size: 130%; }
.prize-prize-switch { --art: url(../assets/brand/nintendo-switch.webp); --art-bg: #fff; --art-size: 110%; }
.prize-prize-jtb { --art: url(../assets/brand/jtb-logo.svg); --art-bg: #176377; --art-size: 56%; }
.prize-prize-vacuum { --art: url(../assets/media/prize-vacuum.webp); --art-bg: #fff; --art-size: 118%; }
.art-draw-fuji { --art: url(../assets/media/draw-fuji.webp); }
.dealer { --art: url(../assets/media/dealer.webp); }
.stack-1 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
.stack-2 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='41' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='37' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='36' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
.stack-3 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='41' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='37' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='36' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='34' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='30' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='29' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
.stack-4 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='41' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='37' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='36' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='34' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='30' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='29' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='27' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='23' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='22' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
.stack-5 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='41' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='37' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='36' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='34' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='30' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='29' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='27' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='23' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='22' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='20' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='16' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='15' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
.stack-6 { --art: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><ellipse cx='28' cy='48' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='44' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='43' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='41' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='37' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='36' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='34' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='30' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='29' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='27' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='23' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='22' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='20' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='16' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='15' rx='13' ry='4' fill='%23ffd54a'/><ellipse cx='28' cy='13' rx='18' ry='6' fill='%23d99a00'/><ellipse cx='28' cy='9' rx='18' ry='6' fill='%23f5b700'/><ellipse cx='28' cy='8' rx='13' ry='4' fill='%23ffd54a'/></svg>"); }
/* Brand colour sampled from JTB's own rebrand imagery (media-masters/brand/jtb-rebrand-brochures.jpg): #176377. The white JTB logo is their official file, unaltered, on that colour. */
.mark-apple-pay { background: url(../assets/brand/apple-pay-mark.svg) center / contain no-repeat; width: 38px; }
.mark-google-pay { background: url(../assets/brand/google-pay-mark.svg) center / contain no-repeat; width: 36px; }

/* home-v2 art */
.art-slide-gacha { --art: url(../assets/media/slide-gacha-800.webp); }
.art-slide-prizes { --art: url(../assets/media/slide-prizes-800.webp); }
.art-slide-crane { --art: url(../assets/media/slide-crane-800.webp); }
@media (min-width: 700px) { .art-slide-gacha { --art: url(../assets/media/slide-gacha-1600.webp); } .art-slide-prizes { --art: url(../assets/media/slide-prizes-1600.webp); } .art-slide-crane { --art: url(../assets/media/slide-crane-1600.webp); } }
@media (min-width: 1200px) { .art-slide-gacha { --art: url(../assets/media/slide-gacha.webp); } .art-slide-prizes { --art: url(../assets/media/slide-prizes.webp); } .art-slide-crane { --art: url(../assets/media/slide-crane.webp); } }
.art-game-gacha { --art: url(../assets/media/game-gacha.webp); }
.art-game-scratch { --art: url(../assets/media/game-scratch.webp); }
.art-game-treasure { --art: url(../assets/media/game-treasure.webp); }
.art-game-crane { --art: url(../assets/media/game-crane.webp); }
.art-feat-gacha { --art: url(../assets/media/feat-gacha.webp); }
.art-feat-phone { --art: url(../assets/media/feat-phone.webp); }
.art-feat-prizes { --art: url(../assets/media/feat-prizes.webp); }
.art-feat-goods { --art: url(../assets/media/feat-goods.webp); }
.art-coins-stack { --art: url(../assets/media/coins-stack.webp); }