.carousel{-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:50vh;position:relative;overflow:hidden}.carousel__bg{z-index:0;position:absolute;inset:0}.carousel__grid{background-image:linear-gradient(#1dd3b00a 1px,#0000 1px),linear-gradient(90deg,#1dd3b00a 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%);mask-image:radial-gradient(80% 70%,#000 20%,#0000 80%)}.carousel__glow{filter:blur(100px);pointer-events:none;border-radius:50%;position:absolute}.carousel__glow--1{background:radial-gradient(circle,#1dd3b012 0%,#0000 70%);width:600px;height:400px;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel__glow--2{background:radial-gradient(circle,#14b8980d 0%,#0000 70%);width:300px;height:300px;top:20%;right:10%}.carousel__glow--3{background:radial-gradient(circle,#1dd3b00a 0%,#0000 70%);width:250px;height:250px;bottom:15%;left:15%}.carousel__scene{z-index:1;perspective:1400px;perspective-origin:50% 48%;justify-content:center;align-items:center;width:100%;height:100%;min-height:50vh;display:flex;position:relative}.carousel__ring{width:1px;height:1px;transform-style:preserve-3d;will-change:transform;scale:var(--carousel-scale,1);position:relative}.carousel__card{cursor:pointer;backface-visibility:hidden;width:240px;height:155px;transform-style:preserve-3d;border:1px solid #1dd3b01f;border-radius:10px;transition:box-shadow .35s,border-color .35s,filter .35s,transform .15s;position:absolute;top:-78px;left:-120px;overflow:hidden;box-shadow:0 4px 20px #00000080}.carousel__card:hover{filter:brightness(1.15);border-color:#6382f680;box-shadow:0 4px 20px #0006,0 0 30px #1dd3b026,0 0 60px #1dd3b014}.carousel__card--zoom{z-index:100;animation:.8s cubic-bezier(.4,0,0,1) forwards cardZoomIn}.carousel__card--fade{animation:.5s forwards cardFadeOut}@keyframes cardZoomIn{0%{opacity:1;filter:brightness()}50%{opacity:1;filter:brightness(1.3);border-color:#1dd3b0b3;box-shadow:0 0 80px #1dd3b059}to{opacity:0;filter:brightness(2);transform:rotateY(0)translateZ(300px)scale(5)}}@keyframes cardFadeOut{0%{opacity:1}to{opacity:0}}.carousel__card-image{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.carousel__card-placeholder{width:100%;height:100%}.carousel__card-badge{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);pointer-events:none;letter-spacing:.3px;background:#1dd3b040;border:1px solid #1dd3b04d;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.carousel__card-overlay{pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 20%,#000000b3 60%,#000000eb 100%);padding:14px 14px 12px;position:absolute;bottom:0;left:0;right:0}.carousel__card-title{color:#fff;text-shadow:0 1px 6px #000000b3;font-size:13px;font-weight:600}.carousel__hint{z-index:2;color:#ffffff40;letter-spacing:1px;pointer-events:none;font-size:12px;animation:3s ease-in-out infinite hintPulse;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@keyframes hintPulse{0%,to{opacity:.25}50%{opacity:.5}}@media (min-width:1400px){.carousel__card{width:280px;height:180px;top:-90px;left:-140px}.carousel__card-title{font-size:14px}.carousel__scene{perspective:1600px}}@media (max-width:1024px){.carousel__card{width:210px;height:136px;top:-68px;left:-105px}.carousel__scene{perspective:1200px}.carousel__card-title{font-size:12px}}@media (max-width:768px){.carousel__card{width:170px;height:110px;top:-55px;left:-85px}.carousel__scene{perspective:900px}.carousel__card-title{font-size:11px}.carousel__card-overlay{padding:8px 10px 6px}}@media (max-width:480px){.carousel__card{width:140px;height:90px;top:-45px;left:-70px}.carousel__scene{perspective:700px;min-height:40vh}.carousel{min-height:40vh}.carousel__card-title{font-size:10px}.carousel__card-overlay{padding:6px 8px 5px}}