/* Every game's tile picture (games/<game>/tile.html: <span class="choice-art <name>-art">), drawn in CSS at its
   own size (most about 150px square). The home page (static/landing.css) and the leaderboards' list
   (site/src/leaderboards.css) show them smaller with zoom on the .choice-art. */
.choice-art{position:relative;z-index:1;display:block;flex:none}
.cards-art{height:142px;display:block}
.cards-art i{position:absolute;left:45px;top:9px;width:82px;height:116px;padding:8px;border-radius:8px;background:#f7f1df;color:#1b2d2c;font:22px var(--gu-serif);box-shadow:0 13px 24px #0006;border:2px solid #ddd4bc}
.cards-art i span{display:block;font-size:19px}
.cards-art i:first-child{transform:translateX(-38px) rotate(-16deg);color:#a24738}
.cards-art i:nth-child(2){transform:translateY(-8px) rotate(1deg)}
.cards-art i:last-child{transform:translateX(38px) rotate(17deg);color:#b14b3a}
.balls-art{height:145px;position:relative;display:block}
.balls-art i{position:absolute;width:72px;height:72px;border:4px solid #eee6d7;border-radius:50%;display:grid;place-items:center;font:bold 19px Arial,sans-serif;background:#151819;color:#17201d;box-shadow:0 13px 24px #0007}
.balls-art i{isolation:isolate}
.balls-art i:after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;background:#f3eedf;z-index:-1}
.balls-art i:first-child{left:20px;top:20px}
.balls-art i:nth-child(2){left:81px;top:4px;background:#aa4537;color:#17201d}
.balls-art i:last-child{left:67px;top:69px;background:linear-gradient(#f2ebdc 30%,#6e4a91 30% 70%,#f2ebdc 70%)}
.cards-art{width:172px}
.balls-art{width:160px}
.grid-art{height:145px;width:150px;position:relative;display:block;border-radius:10px;background:linear-gradient(#ffffff14 1px,transparent 1px) 0 0/15px 15px,linear-gradient(90deg,#ffffff14 1px,transparent 1px) 0 0/15px 15px,radial-gradient(ellipse at 40% 35%,#1d4f7d,#071a2c);border:4px solid #1b2433;box-shadow:0 13px 24px #0007}
.grid-art .ship{position:absolute;left:22px;top:62px;width:92px;height:16px;background:linear-gradient(#a9b3bf 0 60%,#7a2a22 60%);clip-path:polygon(0 0,100% 0,90% 100%,4% 100%)}
.grid-art .ship:after{content:"";position:absolute}
.grid-art .peg{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 -2px 3px #0008,0 3px 5px #0009}
.grid-art .hit{left:60px;top:63px;background:radial-gradient(circle at 35% 30%,#fff9,transparent 45%),#c7261b}
.grid-art .miss{left:105px;top:20px;background:radial-gradient(circle at 35% 30%,#fff9,transparent 45%),#e9e6dd}
.grid-art .two{left:30px;top:105px}
.vault-art{height:150px;width:140px;position:relative;display:block;border-radius:10px;background:linear-gradient(135deg,#8d9196,#4d5157 50%,#2c2f33);box-shadow:inset 0 0 0 5px #9a9da2,inset 0 0 0 7px #0006,0 13px 24px #0007}
.vault-art .row{position:absolute;left:14px;top:62px;display:flex;gap:6px}
.vault-art .row i{display:block;width:15px;height:15px;border-radius:50%;box-shadow:0 2px 3px #0008,inset 0 -2px 3px #0006}
.vault-art .g1{background:radial-gradient(circle at 38% 30%,#fff9,transparent 42%),#cc2a20}
.vault-art .g2{background:radial-gradient(circle at 38% 30%,#fff9,transparent 42%),#2b58c8}
.vault-art .g3{background:radial-gradient(circle at 38% 30%,#fff9,transparent 42%),#2c9a49}
.vault-art .g4{background:radial-gradient(circle at 38% 30%,#fff9,transparent 42%),#f0c53a}
.vault-art .lamps{position:absolute;left:105px;top:60px;width:20px;display:flex;flex-wrap:wrap;gap:3px}
.vault-art .lamps i{display:block;width:8px;height:8px;border-radius:50%;background:#1b1c20}
.vault-art .lamps .on{background:#ffb43a;box-shadow:0 0 6px #ffb43a}
.vault-art .lamps .half{background:transparent;box-shadow:inset 0 0 0 2px #eef1f7,0 0 5px #e3e8f0}
.vault-art .wheel{position:absolute;left:50px;top:98px;width:38px;height:38px;border-radius:50%;border:3px solid #c3c6ca;background:conic-gradient(transparent 0 28deg,#c3c6ca 28deg 32deg,transparent 32deg 88deg,#c3c6ca 88deg 92deg,transparent 92deg 148deg,#c3c6ca 148deg 152deg,transparent 152deg 208deg,#c3c6ca 208deg 212deg,transparent 212deg 268deg,#c3c6ca 268deg 272deg,transparent 272deg 328deg,#c3c6ca 328deg 332deg,transparent 332deg)}
.vault-art:before{content:"";position:absolute;left:14px;right:14px;top:16px;height:22px;border-radius:3px;background:linear-gradient(#b9bcc0,#7d8186);box-shadow:0 2px 4px #0007}
.draughts-art{height:150px;width:150px;position:relative;display:block;border-radius:6px;background:conic-gradient(#3a1d0d 0 25%,#b98a52 0 50%,#3a1d0d 0 75%,#b98a52 0) 0 0/37.5px 37.5px;box-shadow:inset 0 0 0 5px #24120a,0 13px 24px #0007;transform:perspective(300px) rotateX(28deg)}
.draughts-art i{position:absolute;width:30px;height:30px;border-radius:50%;box-shadow:inset 0 -3px 4px #0008,0 4px 5px #0009,inset 0 0 0 4px #ffffff12}
.draughts-art .w{left:41px;top:41px;background:radial-gradient(circle at 35% 30%,#e0645a,#8a1610 60%)}
.draughts-art .b{left:79px;top:79px;background:radial-gradient(circle at 35% 30%,#55565c,#111214 60%)}
.draughts-art .k{left:4px;top:117px;box-shadow:inset 0 -3px 4px #0008,0 4px 0 #0c0c0e,0 7px 6px #0009}
.domino-art{height:150px;width:160px;position:relative;display:block}
.domino-art>i{position:absolute;width:34px;height:66px;border-radius:5px;background:linear-gradient(160deg,#f3ead2,#cfc3a2);box-shadow:0 8px 14px #0008,inset 0 -2px 0 #a8997a;display:grid;grid-template-rows:1fr 1fr}
.domino-art>i:after{content:"";position:absolute;left:5px;right:5px;top:32px;height:1px;background:#0006}
.domino-art .t1{left:6px;top:46px;transform:rotate(-14deg)}
.domino-art .t2{left:62px;top:30px;transform:rotate(4deg)}
.domino-art .t3{left:116px;top:52px;transform:rotate(18deg)}
.domino-art b{display:block;margin:auto;width:24px;height:24px;background-size:8px 8px;background-repeat:no-repeat}
.domino-art .p1{background-image:radial-gradient(circle,#111 2.6px,transparent 3px);background-size:24px 24px;background-position:center}
.domino-art .p3{background:radial-gradient(circle,#111 2.6px,transparent 3px) 0 0/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 8px 8px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 16px/8px 8px no-repeat}
.domino-art .p5{background:radial-gradient(circle,#111 2.6px,transparent 3px) 0 0/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 0/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 8px 8px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 0 16px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 16px/8px 8px no-repeat}
.domino-art .p6{background:radial-gradient(circle,#111 2.6px,transparent 3px) 0 0/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 0/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 0 8px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 8px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 0 16px/8px 8px no-repeat,radial-gradient(circle,#111 2.6px,transparent 3px) 16px 16px/8px 8px no-repeat}
.gin-art i:first-child{color:#1b2d2c}
.gin-art i:nth-child(2){color:#a24738}
.gin-art i:last-child{color:#b14b3a}
.c4-art{width:160px;height:140px;position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:8px;border-radius:8px;background:linear-gradient(160deg,#17583a,#082a1a);box-shadow:inset 0 1px 0 #ffffff40,0 13px 24px #0007}
.c4-art i{display:block;aspect-ratio:1;border-radius:50%;background:#04130b;box-shadow:inset 0 3px 4px #000c}
.c4-art .r{background:radial-gradient(circle at 35% 30%,#fffaf0,#e6d9b8 60%);box-shadow:inset 0 0 0 3px #0003,0 1px 2px #0008}
.c4-art .y{background:radial-gradient(circle at 35% 30%,#f0a070,#b4521e 60%);box-shadow:inset 0 0 0 3px #0002,0 1px 2px #0008}
.wordies-art{width:170px;height:150px;position:relative;display:block}
.wordies-art .grid{position:absolute;left:4px;top:8px;width:150px;height:60px}
.wordies-art .grid i,.wordies-art .wheel b{display:grid;place-items:center;font:700 16px var(--gu-serif);font-style:normal;color:#1b140c;background:linear-gradient(#f6ecd2,#dccba3);box-shadow:0 4px 8px #0007,inset 0 -2px 0 #0002}
.wordies-art .grid i{position:absolute;top:0;width:27px;height:27px;border-radius:4px}
.wordies-art .grid i:nth-child(1){left:0}
.wordies-art .grid i:nth-child(2){left:30px}
.wordies-art .grid i:nth-child(3){left:60px}
.wordies-art .grid i:nth-child(4){left:90px}
.wordies-art .grid i:nth-child(5){left:120px}
.wordies-art .grid .g2{left:120px;top:30px}
.wordies-art .grid .g3{left:120px;top:60px}
.wordies-art .wheel{position:absolute;left:20px;top:58px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#6b4322,#3d2410);box-shadow:inset 0 0 0 4px #2a170a,0 10px 20px #0008}
.wordies-art .wheel b{position:absolute;width:24px;height:24px;border-radius:50%;font-size:13px}
.wordies-art .wheel b:nth-child(1){left:32px;top:6px}
.wordies-art .wheel b:nth-child(2){left:58px;top:26px}
.wordies-art .wheel b:nth-child(3){left:48px;top:56px}
.wordies-art .wheel b:nth-child(4){left:16px;top:56px}
.wordies-art .wheel b:nth-child(5){left:6px;top:26px}
.settlers-art{width:170px;height:150px;position:relative;display:block;border-radius:50%;background:radial-gradient(circle,#1f5f8c,#0b2a46 70%);box-shadow:0 13px 24px #0007}
.settlers-art>i{position:absolute;width:44px;height:50px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center}
.settlers-art>i b{width:20px;height:20px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);background:#3b2414;color:#f3e6c8;font:700 11px/20px var(--gu-serif);text-align:center}
.settlers-art .t4 b,.settlers-art .t2 b{color:#f5b942}
.settlers-art .t1{left:39px;top:16px;background:#2f6b2a}
.settlers-art .t2{left:85px;top:16px;background:#d9a520}
.settlers-art .t3{left:16px;top:54px;background:#7c828c}
.settlers-art .t4{left:62px;top:54px;background:#a8452a}
.settlers-art .t5{left:108px;top:54px;background:#8fbf55}
.settlers-art .t6{left:39px;top:92px;background:#d9a520}
.settlers-art .t7{left:85px;top:92px;background:#2f6b2a}
.settlers-art .house{position:absolute;left:79px;top:47px;width:14px;height:13px;background:#f39431;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);filter:drop-shadow(0 2px 2px #000)}
.settlers-art .road{position:absolute;left:92px;top:58px;width:18px;height:5px;background:#f39431;transform:rotate(30deg);box-shadow:0 2px 3px #0008}
.holdem-art i:first-child{transform:translateX(-22px) rotate(-9deg);color:#1b2d2c}
.holdem-art i:nth-child(2){transform:translateX(22px) rotate(8deg);color:#1b2d2c}
.holdem-art .chip{position:absolute;width:44px;height:44px;border-radius:50%;left:118px;background:radial-gradient(circle,#f4ede0 0 38%,transparent 39%),repeating-conic-gradient(var(--c) 0 30deg,#f4ede0 30deg 45deg);box-shadow:0 6px 12px #0007,inset 0 0 0 3px var(--c)}
.holdem-art .c1{--c:#b3262b;top:92px}
.holdem-art .c2{--c:#1f7a3a;top:84px}
.holdem-art .c3{--c:#1b1b1d;top:76px}
.blackjack-art i:first-child{transform:translateX(-22px) rotate(-9deg);color:#a24738}
.blackjack-art i:nth-child(2){transform:translateX(22px) rotate(8deg);color:#1b2d2c}
.blackjack-art .chip{position:absolute;width:44px;height:44px;border-radius:50%;left:118px;background:radial-gradient(circle,#f4ede0 0 38%,transparent 39%),repeating-conic-gradient(var(--c) 0 30deg,#f4ede0 30deg 45deg);box-shadow:0 6px 12px #0007,inset 0 0 0 3px var(--c)}
.blackjack-art .c1{--c:#5b2a86;top:92px}
.blackjack-art .c3{--c:#1b1b1d;top:84px}
.orbit-art{width:170px;height:150px;position:relative;display:block;border-radius:14px;background:radial-gradient(circle at 30% 30%,#2a1450 0,#06070f 70%);box-shadow:inset 0 0 0 2px #3fb6d455}
.orbit-art i{position:absolute;border-radius:50%;display:grid;place-items:center;font:700 18px "Segoe UI",Arial,sans-serif;color:#fff;font-style:normal}
.orbit-art i b{font-weight:700}
.orbit-art .o1{width:62px;height:62px;left:14px;top:14px;border:4px solid #00d8ff;background:#00d8ff22;box-shadow:0 0 16px #00d8ff}
.orbit-art .o2{width:48px;height:48px;left:96px;top:28px;border:4px solid #ff2e9a;background:#ff2e9a22;box-shadow:0 0 16px #ff2e9a}
.orbit-art .o3{width:34px;height:34px;left:70px;top:80px;border:3px solid #9cff1a;background:#9cff1a22;box-shadow:0 0 14px #9cff1a}
.orbit-art .shot{position:absolute;left:118px;top:96px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff}
.orbit-art .cannon{position:absolute;left:70px;bottom:-6px;width:30px;height:22px;border-radius:16px 16px 4px 4px;background:linear-gradient(#dfe3e8,#7b8088)}
.wordly-art{width:170px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:10px;border-radius:12px;background:#0b0d0c;box-shadow:inset 0 0 0 1px #ffffff14}
.wordly-art i{aspect-ratio:1;display:grid;place-items:center;border-radius:4px;font:700 15px "Segoe UI",Arial,sans-serif;font-style:normal;color:#fff;background:#4a4440}
.wordly-art .m1{background:#d8607a}
.wordly-art .m2{background:#2f5da8}
.jewelled-art{width:150px;height:150px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#2a1840,#0a0610);box-shadow:inset 0 0 0 2px #d9b26b44}
.jewelled-art i{transform:rotate(45deg) scale(.78);border-radius:6px;background:linear-gradient(135deg,#fffa 0,var(--c) 35%,var(--c) 65%,#0007 100%);box-shadow:0 0 10px var(--c)}
.jewelled-art .r{--c:#e3122a}
.jewelled-art .o{--c:#ff7a10}
.jewelled-art .y{--c:#ffd21e}
.jewelled-art .g{--c:#18c040}
.jewelled-art .b{--c:#1e6bff}
.jewelled-art .p{--c:#a23ae0}
.jewelled-art .w{--c:#eef2ff}
.pegs-art{width:150px;height:150px;display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#c58b55,#7a4a26 70%,#4d2c14);box-shadow:0 14px 26px #0008,inset 0 2px 3px #fff3,inset 0 -4px 8px #0006}
.pegs-art i{border-radius:50%;background:radial-gradient(circle at 35% 30%,#e8ffff 0,#3fa9b6 35%,#0d4d58 100%);box-shadow:0 1px 2px #000a}
.pegs-art i.h{background:radial-gradient(circle,#1a0d05 55%,#5a3418 70%);box-shadow:none}
.pegs-art i.x{visibility:hidden}
.money-art{width:150px;height:150px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:10px 12px;border-radius:10px;border:3px solid #8d9196;background:linear-gradient(#0d0f12,#16191d);box-shadow:0 14px 26px #0008,inset 0 2px #fff2;position:relative}
.money-art:before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:#e0303d;box-shadow:0 0 8px #e0303d}
.money-art b{display:flex;flex-direction:column-reverse;gap:2px}
.money-art i{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px #fff4,0 2px 3px #000a}
.money-art i.g{background:radial-gradient(circle at 35% 30%,#fff6 0,#f2b437 40%,#8a5a10)}
.money-art i.s{background:radial-gradient(circle at 35% 30%,#fff9 0,#c9ccd2 40%,#62666c)}
.money-art i.c{background:radial-gradient(circle at 35% 30%,#fff6 0,#d8743a 40%,#7a3412)}
.money-art i.e{background:radial-gradient(circle at 35% 30%,#fff6 0,#48b874 40%,#145a30)}
.money-art i.bag{border-radius:45% 45% 40% 40%/35% 35% 60% 60%;background:radial-gradient(circle at 40% 35%,#d8c08a,#8a6a3a 75%);height:26px}
.jumper-art{width:130px;height:150px;position:relative;border-radius:6px;border:3px solid #c9a35a;background:linear-gradient(#1d3f8a,#5d9ae8 55%,#bcd8f6);box-shadow:0 14px 26px #0008;overflow:hidden}
.jumper-art em{position:absolute;width:44px;height:14px;border-radius:10px;background:#fff;box-shadow:12px -7px 0 2px #fff,-9px -3px 0 0 #fff;opacity:.85}
.jumper-art em.c1{left:18px;top:44px}
.jumper-art em.c2{left:74px;top:100px;transform:scale(.7);opacity:.7}
.jumper-art i.p{position:absolute;width:34px;height:8px;border-radius:4px;background:linear-gradient(#a19a91,#6e6760);box-shadow:0 3px 3px #0004}
.jumper-art i.a{left:14px;bottom:14px}
.jumper-art i.b{left:70px;bottom:52px;background:linear-gradient(#9a5a2c,#6a3a18)}
.jumper-art i.c{left:26px;bottom:90px;background:#fff;height:9px;border-radius:6px}
.jumper-art i.d{left:76px;bottom:122px}
.jumper-art i.s{position:absolute;left:84px;bottom:130px;width:10px;height:8px;border-radius:2px;background:repeating-linear-gradient(0deg,#ccc 0 2px,#777 2px 3px)}
.jumper-art b{position:absolute;left:24px;bottom:30px;width:23px;height:26px;border-radius:50% 50% 46% 46%;background:linear-gradient(transparent 0 64%,#a8131a 64% 76%,transparent 76%),radial-gradient(circle at 50% 80%,#ffe2b8 0 30%,transparent 31%),radial-gradient(circle at 38% 30%,#fff6,#f06a12 50%);box-shadow:0 3px 4px #0004;animation:jmhop 1.1s cubic-bezier(.3,0,.7,1) infinite alternate}
.jumper-art b:before,.jumper-art b:after{content:"";position:absolute;top:7px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 60% 50%,#111 0 35%,#fff 36%);box-shadow:0 -4px 0 -1px #c9963e}
.jumper-art b:before{left:3px}
.jumper-art b:after{right:3px}
@keyframes jmhop{to{transform:translateY(-34px)}}
@media(prefers-reduced-motion:reduce){.jumper-art b{animation:none}}
.darts-art{width:150px;height:150px;position:relative;display:grid;place-items:center}
.darts-art b{width:132px;height:132px;border-radius:50%;border:9px solid #151515;box-shadow:0 14px 26px #0009,0 0 0 3px #6b4a2a;background:radial-gradient(circle,#c22 0 5%,#1a7a3a 5% 11%,transparent 11% 64%,#c22 64% 70%,transparent 70% 92%,#c22 92% 100%),repeating-conic-gradient(from -9deg,#141414 0 18deg,#e8dcc0 18deg 36deg)}
.darts-art i{position:absolute;width:44px;height:4px;border-radius:2px;background:linear-gradient(90deg,#ccc 0 30%,#c9a24a 30% 70%,#222 70%);transform-origin:left center}
.darts-art i:after{content:"";position:absolute;right:-6px;top:-6px;width:12px;height:16px;background:#d22;clip-path:polygon(0 50%,100% 0,100% 100%)}
.darts-art i:nth-child(2){left:78px;top:52px;transform:rotate(-24deg)}
.darts-art i:nth-child(3){left:72px;top:58px;transform:rotate(-12deg)}
.darts-art i:nth-child(4){left:80px;top:64px;transform:rotate(-34deg)}
.shuffle-art{width:150px;height:150px;display:grid;place-items:center;perspective:300px}
.shuffle-art b{position:relative;width:64px;height:160px;transform:rotateX(52deg);border:8px solid #4a2a14;border-top-width:12px;background:linear-gradient(#2228 0 2px,transparent 2px 22px,#2228 22px 24px,transparent 24px 44px,#2228 44px 46px,transparent 46px),repeating-linear-gradient(90deg,#d8ae7a 0 6px,#cfa16b 6px 9px);box-shadow:0 20px 30px #000a}
.shuffle-art i{position:absolute;width:18px;height:18px;border-radius:50%;box-shadow:0 3px 3px #0008,inset 0 0 0 3px #ccc}
.shuffle-art i.r{left:8px;top:8px;background:#c0281e}
.shuffle-art i.u{left:30px;top:30px;background:#2347b0}
.shuffle-art i.r2{left:22px;top:110px;background:#c0281e}
.risky-art{width:150px;height:150px;display:grid;place-items:center;position:relative}
.risky-art b{position:relative;width:124px;height:84px;transform:perspective(300px) rotateX(38deg);filter:drop-shadow(0 14px 14px #000a)}
.risky-art i{position:absolute;width:24px;height:27px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:inset 0 0 0 2px #0004}
.risky-art i.h0{left:8px;top:6px;background:#c4382c}
.risky-art i.h1{left:34px;top:6px;background:#3d65c9}
.risky-art i.h2{left:60px;top:6px;background:#3f9a4b}
.risky-art i.h3{left:86px;top:6px;background:#e9c13a}
.risky-art i.h4{left:21px;top:29px;background:#c4382c}
.risky-art i.h5{left:47px;top:29px;background:#3d65c9}
.risky-art i.h6{left:73px;top:29px;background:#9b55bb}
.risky-art i.h7{left:99px;top:29px;background:#3f9a4b}
.risky-art i.h8{left:8px;top:52px;background:#e9c13a}
.risky-art i.h9{left:34px;top:52px;background:#c4382c}
.risky-art i.h10{left:60px;top:52px;background:#3d65c9}
.risky-art i.h11{left:86px;top:52px;background:#3f9a4b}
.risky-art em{position:absolute;right:14px;bottom:18px;width:30px;height:30px;border-radius:6px;background:#efe6d2;box-shadow:0 6px 10px #0009,inset 0 -3px 0 #0003;transform:rotate(-14deg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:5px;box-sizing:border-box}
.risky-art s{display:block;width:6px;height:6px;border-radius:50%;background:#1a120a}
.risky-art s:first-child{align-self:flex-start}
.risky-art s:last-child{align-self:flex-end}
.blockfall-art{width:127px;height:174px;position:relative;border-radius:5px;border:5px solid #5a3519;border-top-width:3px;background:linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/16.6px 16.6px,linear-gradient(#ffffff08 1px,transparent 1px) 0 0/16.6px 16.6px,linear-gradient(#0d1020,#05060b);box-shadow:0 14px 26px #0008,inset 0 0 0 1px #d9a64a66,inset 0 -12px 24px #e7b63822;overflow:hidden}
.blockfall-art i{position:absolute;width:15.6px;height:15.6px;border-radius:2px;box-shadow:inset 0 0 0 2px #ffffff40,inset 0 0 0 3.5px #0000004d,inset 0 5px 4px #ffffff2e,0 1px 1px #0006}
.blockfall-art .x0{left:0.5px}
.blockfall-art .x1{left:17.1px}
.blockfall-art .x2{left:33.7px}
.blockfall-art .x3{left:50.3px}
.blockfall-art .x4{left:66.9px}
.blockfall-art .x5{left:83.5px}
.blockfall-art .x6{left:100.1px}
.blockfall-art .y0{bottom:0.5px}
.blockfall-art .y1{bottom:17.1px}
.blockfall-art .y2{bottom:33.7px}
.blockfall-art .y3{bottom:50.3px}
.blockfall-art .y4{bottom:66.9px}
.blockfall-art .y5{bottom:83.5px}
.blockfall-art .y6{bottom:100.1px}
.blockfall-art .y7{bottom:116.7px}
.blockfall-art .y8{bottom:133.3px}
.blockfall-art .y9{bottom:149.9px}
.blockfall-art i.i{background:#f06f59}
.blockfall-art i.o{background:#27a295}
.blockfall-art i.t{background:#e7b638}
.blockfall-art i.s{background:#95458b}
.blockfall-art i.z{background:#59aaeb}
.blockfall-art i.j{background:#81aa6f}
.blockfall-art i.l{background:#efddb5}
.blockfall-art em{position:absolute;inset:0;animation:bffall 3s steps(1,end) infinite}
.blockfall-art em i{box-shadow:inset 0 0 0 2px #ffffff59,inset 0 0 0 3.5px #0000004d,inset 0 5px 4px #ffffff38,0 0 10px #f06f5988}
@keyframes bffall{0%{transform:translateY(0)}15%{transform:translateY(16.6px)}30%{transform:translateY(33.2px)}45%{transform:translateY(49.8px)}60%{transform:translateY(66.4px)}75%,100%{transform:translateY(99.6px)}}
@media(prefers-reduced-motion:reduce){.blockfall-art em{animation:none;transform:translateY(49.8px)}}
.fruitchop-art{width:150px;height:150px;position:relative;border-radius:10px;overflow:hidden;border:3px solid #1d2024;background:linear-gradient(90deg,transparent 49%,#0f1012 49% 51%,transparent 51%),linear-gradient(transparent 49%,#0f1012 49% 51%,transparent 51%),radial-gradient(circle at 28% 22%,#ffffff12,transparent 45%),radial-gradient(circle at 72% 78%,#00000030,transparent 50%),#3a3f46;box-shadow:0 14px 26px #0008}
.fruitchop-art b{position:absolute;left:18px;top:62px;width:70px;height:35px;border-radius:0 0 70px 70px;background:radial-gradient(circle at 50% 0,#ff4a52 0 52%,#f2f4d0 53% 62%,#2f7a2a 63%);box-shadow:0 6px 8px #0005;transform:rotate(-18deg);animation:fcfall 2.2s ease-in infinite}
.fruitchop-art b:before{content:"";position:absolute;inset:4px 14px 18px;background:radial-gradient(circle,#1a0c06 0 2px,transparent 3px) 0 0/12px 9px;opacity:.9}
.fruitchop-art i{position:absolute;border-radius:50%;box-shadow:0 5px 7px #0005}
.fruitchop-art i.o{left:86px;top:26px;width:38px;height:38px;background:repeating-conic-gradient(#ffb02a 0 30deg,#fff2c8 30deg 33deg),#ff9a1f;border:4px solid #f07a10}
.fruitchop-art i.k{left:92px;top:94px;width:30px;height:34px;background:radial-gradient(ellipse at 50% 50%,#f2f6d0 0 18%,#1a1008 19% 24%,#8bc63a 25% 70%,#6a4a28 71%)}
.fruitchop-art em{position:absolute;left:-20px;top:70px;width:200px;height:6px;border-radius:50%;background:linear-gradient(90deg,transparent,#9cd4ff 40%,#fff 85%,transparent);box-shadow:0 0 12px 3px #9cd4ffaa;transform:rotate(-28deg);animation:fcslash 2.2s ease-out infinite}
@keyframes fcslash{0%,8%{opacity:0;transform:rotate(-28deg) translateX(-60px)}14%{opacity:1}32%,100%{opacity:0;transform:rotate(-28deg) translateX(40px)}}
@keyframes fcfall{0%,20%{transform:rotate(-18deg) translateY(0)}100%{transform:rotate(-40deg) translateY(10px)}}
@media(prefers-reduced-motion:reduce){.fruitchop-art b,.fruitchop-art em{animation:none}}
.flapping-art{width:130px;height:150px;position:relative;border-radius:6px;border:3px solid #4a2c16;background:linear-gradient(#2f68b8,#f6c48e 78%);box-shadow:0 14px 26px #0008;overflow:hidden}
.flapping-art em{position:absolute;left:-4px;right:-4px;bottom:20px;height:62px;background:#b4532a;clip-path:polygon(0 100%,0 40%,10% 34%,16% 6%,40% 4%,46% 52%,58% 56%,64% 24%,86% 20%,92% 46%,100% 50%,100% 100%);opacity:.85}
.flapping-art s{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(#a8853f 0 4px,#e0a86a 4px)}
.flapping-art i{position:absolute;width:24px;background:repeating-linear-gradient(0deg,transparent 0 11px,#0005 11px 13px),linear-gradient(90deg,#0003,transparent 30%,#fff3 50%,transparent 70%,#0003),#c4743e}
.flapping-art i:before{content:"";position:absolute;left:-4px;right:-4px;height:8px;border-radius:1px;background:linear-gradient(#fff3,#0002),#dc9a66}
.flapping-art i.t{top:0}
.flapping-art i.t:before{bottom:0}
.flapping-art i.b{bottom:22px}
.flapping-art i.b:before{top:0}
.flapping-art i.a{left:62px}
.flapping-art i.a.t{height:42px}
.flapping-art i.a.b{height:42px}
.flapping-art i.c{left:122px}
.flapping-art i.c.t{height:20px}
.flapping-art i.c.b{height:66px}
.flapping-art b{position:absolute;left:22px;top:62px;width:28px;height:21px;border-radius:50%;background:radial-gradient(circle at 64% 70%,#f2611c 0 30%,transparent 31%),radial-gradient(circle at 40% 30%,#fff5,#6b4a30 55%);box-shadow:0 3px 4px #0004;animation:fbhop 1.2s ease-in-out infinite alternate}
.flapping-art b:before{content:"";position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 65% 50%,#111 0 32%,#fff 34%)}
.flapping-art b:after{content:"";position:absolute;right:-6px;top:9px;border-left:8px solid #f2b232;border-top:3px solid transparent;border-bottom:3px solid transparent}
.flapping-art u{position:absolute;left:3px;top:7px;width:12px;height:7px;border-radius:50%;background:#4f3522;animation:fbwing .18s linear infinite alternate}
@keyframes fbhop{to{transform:translateY(-12px) rotate(-12deg)}}
@keyframes fbwing{to{transform:rotate(-35deg) translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.flapping-art b,.flapping-art u{animation:none}}
.text-art{height:142px;display:grid;place-items:center;font:700 72px/1 var(--gu-serif);color:#f1d59a;text-shadow:0 8px 24px #000a}
/* Crazy Golf: a clay lane on the sea, the cup and its flag, a ball, and a windmill turning */
.golf-art{width:150px;height:150px;position:relative;perspective:320px}
.golf-art>b{position:absolute;left:30px;top:8px;transform-style:preserve-3d;width:66px;height:150px;border-radius:16px;transform:rotateX(50deg);transform-origin:50% 100%;background:radial-gradient(circle at 30% 30%,#2fcf86,#14a05e 70%);box-shadow:0 0 0 7px #e8e2d6,0 0 0 7px #e8e2d6,0 18px 26px #0009;outline:7px dashed #d8261c;outline-offset:0}
.golf-art .cup{position:absolute;left:24px;top:22px;width:18px;height:18px;border-radius:50%;background:#071010;box-shadow:inset 0 3px 4px #000,0 0 0 2px #f2efe8}
.golf-art u{position:absolute;left:32px;top:-34px;width:3px;height:58px;background:#f2efe8;transform:rotateX(-50deg);transform-origin:50% 100%}
.golf-art u::after{content:"";position:absolute;left:3px;top:0;width:24px;height:15px;background:#e5261a;border-radius:2px 6px 6px 2px}
.golf-art s{position:absolute;left:28px;bottom:26px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d8d4cc 70%);box-shadow:0 4px 4px #0007}
.golf-art>.mill{position:absolute;right:4px;top:52px;width:34px;height:44px;background:linear-gradient(#f3ead8,#d9cbb0);clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);border-radius:4px}
.golf-art>.sails{position:absolute;right:-8px;top:34px;width:56px;height:56px;background:conic-gradient(#f2efe8 0 10%,transparent 0 25%,#f2efe8 0 35%,transparent 0 50%,#f2efe8 0 60%,transparent 0 75%,#f2efe8 0 85%,transparent 0);border-radius:50%;animation:golf-sails 6s linear infinite}
@keyframes golf-sails{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.golf-art>.sails{animation:none}}
.backgammon-art{height:150px;width:160px;position:relative;display:block;border-radius:6px;background:linear-gradient(90deg,#16351f 0 69px,#3a1f0f 69px 79px,#16351f 79px) 6px 6px/148px 138px no-repeat,#3a1f0f;box-shadow:inset 0 0 0 2px #24120a,0 13px 24px #0007;transform:perspective(300px) rotateX(24deg)}
.backgammon-art .pts{position:absolute;left:6px;right:6px;height:56px;display:flex}
.backgammon-art .top{top:6px}
.backgammon-art .bottom{bottom:6px}
.backgammon-art .pts b{flex:none;width:11.5px;background:#c9a874;clip-path:polygon(0 0,100% 0,50% 100%)}
.backgammon-art .pts b:nth-child(even){background:#8f1d14}
.backgammon-art .bottom b{clip-path:polygon(50% 0,100% 100%,0 100%)}
.backgammon-art .pts b:nth-child(7){margin-left:10px}
.backgammon-art i{position:absolute;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 -2px 3px #0008,0 2px 3px #0009}
.backgammon-art .w{background:radial-gradient(circle at 35% 30%,#fbf3de,#bda983 65%)}
.backgammon-art .b{background:radial-gradient(circle at 35% 30%,#55565c,#111214 65%)}
.backgammon-art .a1,.backgammon-art .a2,.backgammon-art .a3{left:5.75px}
.backgammon-art .a1{top:6px}.backgammon-art .a2{top:18px}.backgammon-art .a3{top:30px}
.backgammon-art .b1,.backgammon-art .b2{left:107.75px}
.backgammon-art .b1{bottom:6px}.backgammon-art .b2{bottom:18px}
.backgammon-art .c1,.backgammon-art .c2,.backgammon-art .c3{left:63.25px}
.backgammon-art .c1{bottom:6px}.backgammon-art .c2{bottom:18px}.backgammon-art .c3{bottom:30px}
.backgammon-art .d1,.backgammon-art .d2{left:130.75px}
.backgammon-art .d1{top:6px}.backgammon-art .d2{top:18px}
.backgammon-art em{--p:radial-gradient(circle,#1b1712 0 1.7px,transparent 2.1px);position:absolute;top:66px;width:17px;height:17px;border-radius:3px;background-color:#f1e8d2;background-repeat:no-repeat;background-size:6px 6px;box-shadow:inset 0 -2px 2px #0005,0 3px 5px #0009}
.backgammon-art .five{left:96px;transform:rotate(-14deg);background-image:var(--p),var(--p),var(--p),var(--p),var(--p);background-position:2px 2px,9px 2px,5.5px 5.5px,2px 9px,9px 9px}
.backgammon-art .three{left:120px;top:70px;transform:rotate(11deg);background-image:var(--p),var(--p),var(--p);background-position:2px 2px,5.5px 5.5px,9px 9px}
.gallery-art{height:150px;width:180px;position:relative;display:block;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#4a0f0b,#1c0504 75%);box-shadow:inset 0 0 0 2px #2a0806,0 13px 24px #0007}
.gallery-art .valance{position:absolute;left:0;right:0;top:0;height:30px;background:repeating-linear-gradient(90deg,#9c1610 0 15px,#ead9b4 15px 30px);-webkit-mask:radial-gradient(circle at 7.5px 100%,transparent 7px,#000 7.5px) 0 0/15px 100%;mask:radial-gradient(circle at 7.5px 100%,transparent 7px,#000 7.5px) 0 0/15px 100%}
.gallery-art .rail{position:absolute;left:0;right:0;top:66px;height:5px;background:linear-gradient(#b9b4ad,#5d5852);box-shadow:0 2px 3px #0008}
.gallery-art .duck{position:absolute;top:47px;width:26px;height:15px;border-radius:50%;background:#f7c517;box-shadow:inset -3px -3px 5px #0003}
.gallery-art .duck::before{content:'';position:absolute;right:-1px;top:-8px;width:12px;height:12px;border-radius:50%;background:#f7c517}
.gallery-art .duck::after{content:'';position:absolute;right:-7px;top:-3px;width:8px;height:4px;border-radius:50%;background:#ef6a12}
.gallery-art .d1{left:14px}.gallery-art .d2{left:72px;transform:rotate(-14deg) translateY(2px);opacity:.75}.gallery-art .d3{left:128px}
.gallery-art .plate{position:absolute;left:58px;top:82px;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,#e8b52a 0 3px,#f4ecd8 3px 6px,#c4171d 6px 9px,#f4ecd8 9px 12px,#c4171d 12px 15px);box-shadow:0 3px 5px #0008}
.gallery-art .bottle{position:absolute;bottom:22px;width:10px;height:22px;border-radius:3px 3px 2px 2px;background:linear-gradient(90deg,#1c5a26,#3b9a4a 40%,#1c5a26)}
.gallery-art .bottle::before{content:'';position:absolute;left:3px;top:-10px;width:4px;height:11px;background:inherit;border-radius:2px 2px 0 0}
.gallery-art .b1{left:112px}.gallery-art .b2{left:132px;background:linear-gradient(90deg,#5a2a08,#a85c1c 40%,#5a2a08)}
.gallery-art .counter{position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(#c79a62 0 4px,#8f1510 4px)}
.gallery-art .aim{position:absolute;left:62px;top:86px;width:22px;height:22px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #0008}
.gallery-art .aim::after{content:'';position:absolute;inset:0;margin:auto;width:4px;height:4px;border-radius:50%;background:#fff}
.bounce-art{height:150px;width:150px;position:relative;display:block;border-radius:6px;background:radial-gradient(circle at 50% 60%,#0f3a26,#06180f 80%);box-shadow:inset 0 0 0 6px #3a1d0b,inset 0 0 0 8px #d29a45,0 13px 24px #0007;transform:perspective(320px) rotateX(18deg)}
.bounce-art .bricks{position:absolute;left:14px;right:14px;top:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.bounce-art .bricks i{height:10px;border-radius:2px;box-shadow:inset 0 -2px 0 #0005}
.bounce-art .bricks i:nth-child(-n+5){background:#d93a8a}.bounce-art .bricks i:nth-child(n+6):nth-child(-n+10){background:#2f6ee0}.bounce-art .bricks i:nth-child(n+11){background:#e8b52a}
.bounce-art .bricks i:nth-child(8),.bounce-art .bricks i:nth-child(12){visibility:hidden}
.bounce-art .ball{position:absolute;left:84px;top:78px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b8bcc6 45%,#555b66);box-shadow:0 2px 4px #000a}
.bounce-art .trail{position:absolute;left:64px;top:90px;width:24px;height:26px;background:linear-gradient(35deg,transparent 40%,#fff5 50%,transparent 60%)}
.bounce-art .bat{position:absolute;left:52px;bottom:16px;width:46px;height:9px;border-radius:5px;background:linear-gradient(90deg,#d29a45 0 14%,#ece2c9 14% 86%,#d29a45 86%);box-shadow:0 3px 5px #000a}
.bowling-art{height:150px;width:150px;position:relative;display:block;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#3a2414,#120a05 75%);box-shadow:0 13px 24px #0007}
.bowling-art .lane{position:absolute;left:38px;right:38px;top:0;bottom:0;background:linear-gradient(90deg,#c9894a,#e2a964 50%,#c9894a);clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);box-shadow:inset 0 0 0 1px #0002}
.bowling-art .pins{position:absolute;left:50%;top:18px;width:44px;margin-left:-22px;display:grid;grid-template-columns:repeat(8,1fr);row-gap:1px}
.bowling-art .pins i{width:7px;height:15px;border-radius:45% 45% 40% 40%/30% 30% 70% 70%;background:linear-gradient(180deg,#fff 0 30%,#c8201c 30% 40%,#fff 40%);box-shadow:0 1px 2px #0008}
.bowling-art .pins i:nth-child(1){grid-column:4/span 2;justify-self:center}
.bowling-art .pins i:nth-child(2){grid-column:3/span 2;justify-self:center}.bowling-art .pins i:nth-child(3){grid-column:5/span 2;justify-self:center}
.bowling-art .pins i:nth-child(4){grid-column:2/span 2;justify-self:center}.bowling-art .pins i:nth-child(5){grid-column:4/span 2;justify-self:center}.bowling-art .pins i:nth-child(6){grid-column:6/span 2;justify-self:center}
.bowling-art .pins i:nth-child(7){grid-column:1/span 2;justify-self:center}.bowling-art .pins i:nth-child(8){grid-column:3/span 2;justify-self:center}.bowling-art .pins i:nth-child(9){grid-column:5/span 2;justify-self:center}.bowling-art .pins i:nth-child(10){grid-column:7/span 2;justify-self:center}
.bowling-art .pins i:nth-child(1){grid-row:4}.bowling-art .pins i:nth-child(2),.bowling-art .pins i:nth-child(3){grid-row:3}.bowling-art .pins i:nth-child(4),.bowling-art .pins i:nth-child(5),.bowling-art .pins i:nth-child(6){grid-row:2}.bowling-art .pins i:nth-child(n+7){grid-row:1}
.bowling-art .ball{position:absolute;left:58px;bottom:14px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#7d9cff,#1a2f8a 45%,#070d2e);box-shadow:0 5px 8px #000a}
.bowling-art .ball::after{content:'';position:absolute;left:12px;top:8px;width:4px;height:4px;border-radius:50%;background:#0009;box-shadow:7px 0 0 #0009,3.5px 7px 0 0.5px #0009}
.pinball-art{height:150px;width:150px;position:relative;display:block;border-radius:6px;overflow:hidden;background:linear-gradient(#2a1608,#120a05);box-shadow:0 13px 24px #0007}
.pinball-art .field{position:absolute;left:22px;right:22px;top:8px;bottom:0;border-radius:53px 53px 0 0;background:linear-gradient(#123346,#1f4a60 55%,#c9a873 85%);box-shadow:inset 0 0 0 3px #d9d6cf,inset 0 0 14px #0008}
.pinball-art .tower{position:absolute;left:38px;top:26px;width:9px;height:34px;border-radius:2px 2px 0 0;background:linear-gradient(#fff 0 18%,#b51a1a 18% 36%,#fff 36% 54%,#b51a1a 54% 72%,#fff 72%);box-shadow:0 3px 4px #0006}
.pinball-art .beam{position:absolute;left:43px;top:22px;width:62px;height:10px;transform-origin:0 50%;transform:rotate(-14deg);background:linear-gradient(90deg,#ffe9a0cc,#ffe9a000);animation:pbtile 4s ease-in-out infinite alternate}
.pinball-art .bump{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#ffb3a0,#d43a24 60%,#701a10);box-shadow:0 3px 5px #0008,0 0 0 2px #222}
.pinball-art .bump.a{left:62px;top:44px}.pinball-art .bump.b{left:88px;top:46px}.pinball-art .bump.c{left:75px;top:66px}
.pinball-art .flip{position:absolute;top:122px;width:30px;height:9px;background:#f4f1ea;border-radius:5px;box-shadow:0 0 0 2px #b51a1a,0 3px 4px #0007}
.pinball-art .flip.l{left:44px;transform:rotate(24deg);transform-origin:0 50%}.pinball-art .flip.r{right:44px;transform:rotate(-24deg);transform-origin:100% 50%}
.pinball-art .ball{position:absolute;left:80px;top:96px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#b8bcc6 45%,#555b66);box-shadow:0 2px 3px #0008}
@keyframes pbtile{from{transform:rotate(-24deg)}to{transform:rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.pinball-art .beam{animation:none}}