/* Gaaf's shared game covers. All raster artwork comes from the connected games. */
.portfolio-cover{position:absolute;inset:0;overflow:hidden;background:#243a33;isolation:isolate}
.portfolio-cover>span{position:absolute;display:block;pointer-events:none}
.cover-scenery{inset:0;background:linear-gradient(145deg,#143c33,#456650)}
.cover-orbit{width:75%;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;left:12%;top:2%;box-shadow:0 0 0 24px #ffffff06,0 0 0 48px #ffffff04}
.cover-character{width:78%;aspect-ratio:1;bottom:12%;left:11%;background:url('/assets/ccl/pierre.webp') 0 0/200% 200% no-repeat;filter:drop-shadow(0 14px 13px #0005)}
.cover-food{width:40%;aspect-ratio:1;background:url('/assets/ccl/foods.webp') 50% 33.333%/300% 400% no-repeat;filter:drop-shadow(0 10px 7px #0005);display:none!important}
.cover-shade{inset:0;background:linear-gradient(0deg,#090f15f2,transparent 57%)}
.cover-pigeon-heist .cover-scenery{background:linear-gradient(0deg,#193b2b50,#10201b05),url('/assets/ccl/heist-capetown.webp') center/cover}
.cover-pigeon-heist .cover-orbit{display:none}
.cover-food-drop .cover-scenery{background:radial-gradient(circle,#d7f8f34d 2px,transparent 3px) 9px 12px/36px 36px,linear-gradient(135deg,#124652,#367b88)}
.cover-food-drop .cover-character{width:59%;left:33%;bottom:11%;background-position:100% 0}
.cover-food-drop .food-one{display:block!important;width:40%;left:2%;top:13%;background-position:50% 33.333%;transform:rotate(-20deg)}
.cover-food-drop .food-two{display:block!important;width:29%;right:4%;top:5%;background-position:100% 33.333%;transform:rotate(15deg)}
.cover-scratch-heist .cover-scenery{background:repeating-linear-gradient(125deg,transparent 0 35px,#ffffff07 36px 38px),radial-gradient(ellipse at 30% 25%,#9062ab,#342848)}
.cover-scratch-heist .cover-character{background-position:0 100%;width:74%;left:12%;bottom:17%;transform:rotate(-6deg)}
.cover-crumb-cascade .cover-scenery{background:linear-gradient(150deg,#703526,#c7833d)}
.cover-crumb-cascade .cover-character{display:none}
.cover-crumb-cascade .cover-food{display:block!important;width:45%}
.cover-crumb-cascade .food-one{left:4%;top:8%;transform:rotate(-18deg)}
.cover-crumb-cascade .food-two{right:2%;top:21%;background-position:100% 33.333%;transform:rotate(14deg)}
.cover-crumb-cascade .food-three{left:13%;top:42%;background-position:50% 100%;transform:rotate(8deg)}
.cover-under-the-cloche .cover-scenery{background:linear-gradient(0deg,#32302b66,#142c2a10),url('/assets/ccl/cafe.webp') center/cover}
.cover-under-the-cloche .cover-character{display:none}
.cover-under-the-cloche .cover-cloche{width:69%;height:35%;left:15%;bottom:24%;border-radius:100% 100% 10% 10%;background:linear-gradient(105deg,#7c8792,#f1e7cd 33%,#b9c6c7 56%,#566f77);border-bottom:8px solid #e8dbc3;box-shadow:0 15px 20px #0005}
.cover-cloche:before{content:'';position:absolute;width:14%;height:17%;top:-12%;left:43%;background:#dfd7bf;border-radius:50%}
.cover-waiter-inspection .cover-scenery{background:linear-gradient(140deg,#253a38,#9b663e)}
.cover-waiter-inspection .cover-character{background:url('/assets/ccl/slots-characters.webp') center/contain no-repeat;width:112%;aspect-ratio:1.5;left:-6%;bottom:16%}
.cover-picnic-panic .cover-scenery{background:repeating-linear-gradient(0deg,#ffffff09 0 24px,transparent 24px 48px),repeating-linear-gradient(90deg,#ffffff09 0 24px,transparent 24px 48px),linear-gradient(150deg,#264e37,#748443)}
.cover-picnic-panic .cover-character{background-position:100% 100%;width:73%;left:18%;bottom:17%}
.cover-picnic-panic .food-one{display:block!important;width:30%;left:3%;top:11%;background-position:100% 66.666%;transform:rotate(-15deg)}