.ad3d{width:100%;min-width:0;color:var(--foreground);position:relative}.ad3d__heading{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;font-size:17px;font-weight:700;display:flex}.ad3d__sponsored,.ad3d__label{border:1px solid color-mix(in oklab, var(--primary) 45%, transparent);background:color-mix(in oklab, var(--card) 88%, transparent);color:var(--primary);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700}.ad3d__stage{perspective:1300px;height:470px;transform-style:preserve-3d;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;position:relative;overflow:hidden}.ad3d__stage:focus-visible{outline:3px solid color-mix(in oklab, var(--primary) 70%, transparent);outline-offset:2px;border-radius:24px}.ad3d__stage.is-dragging{cursor:grabbing}.ad3d__stage.is-dragging .ad3d__card{transition:none}.ad3d__orbit{pointer-events:none;border:1px solid color-mix(in oklab, var(--primary) 35%, transparent);border-radius:50%;width:95%;height:190px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)}.ad3d__card{border:1px solid color-mix(in oklab, var(--card) 75%, transparent);background:var(--card);width:220px;transform-style:preserve-3d;cursor:pointer;touch-action:pan-y;border-radius:22px;padding:0;transition:transform .52s cubic-bezier(.22,.61,.36,1),filter .52s cubic-bezier(.22,.61,.36,1),opacity .52s cubic-bezier(.22,.61,.36,1),border-color .22s,box-shadow .22s;position:absolute;top:47%;left:50%;overflow:hidden;box-shadow:0 18px 45px #231b102e}.ad3d__card:hover,.ad3d__card:focus-visible,.ad3d__card.is-active{border-color:color-mix(in oklab, var(--primary) 85%, transparent);box-shadow:0 22px 55px #231b103d, 0 0 0 3px color-mix(in oklab, var(--primary) 12%, transparent);outline:none}.ad3d__card picture,.ad3d__card img{width:100%;height:100%;display:block}.ad3d__card img{aspect-ratio:3/4;object-fit:cover;pointer-events:none}.ad3d__label{z-index:2;color:var(--background);background:color-mix(in oklab, var(--foreground) 72%, transparent);border-color:color-mix(in oklab, var(--background) 25%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:absolute;top:12px;left:12px}.ad3d__arrow{z-index:500;border:1px solid var(--border);background:color-mix(in oklab, var(--card) 94%, transparent);width:46px;height:46px;color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 24px #231b1026}.ad3d__arrow:hover,.ad3d__arrow:focus-visible{border-color:var(--primary);color:var(--primary);outline:none}.ad3d__arrow--left{left:8px}.ad3d__arrow--right{right:8px}.ad3d__info{z-index:600;border:1px solid color-mix(in oklab, var(--primary) 22%, transparent);background:color-mix(in oklab, var(--card) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;width:min(520px,100% - 32px);margin:-60px auto 0;padding:16px 18px;display:flex;position:relative;box-shadow:0 14px 35px #231b1024}.ad3d__info h3,.ad3d__info p{margin:0}.ad3d__info h3{font-size:16px;font-weight:700}.ad3d__info p{color:var(--muted-foreground);margin-top:4px;font-size:13px}.ad3d__info-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ad3d__info-title>span{background:var(--surface);color:var(--primary);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700}.ad3d__info-title .ad3d__available{color:var(--primary-foreground);background:#315b32}.ad3d__cta{background:var(--primary);color:var(--primary-foreground);border-radius:12px;flex:none;padding:11px 16px;font-size:14px;font-weight:700;text-decoration:none}.ad3d__progress{justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.ad3d__progress>div{background:var(--border);width:190px;height:2px;overflow:hidden}.ad3d__progress>div>span{background:var(--primary);height:100%;transition:width .3s;display:block}.ad3d__instruction{color:var(--muted-foreground);text-align:center;margin:8px 0 0;font-size:12px}@media (width<=1200px){.ad3d__stage{height:420px}.ad3d__card{width:190px}}@media (width<=767px){.ad3d__heading{justify-content:flex-start}.ad3d__stage{perspective:900px;height:390px}.ad3d__card{border-radius:18px;width:165px}.ad3d__arrow{width:42px;height:42px}.ad3d__info{margin-top:-42px}.ad3d__progress>div{width:130px}}@media (prefers-reduced-motion:reduce){.ad3d__card,.ad3d__progress>div>span,.ad3d__arrow,.ad3d__info,.ad3d__cta{transition:none}}.ad3d[data-reduced-motion=true] .ad3d__card,.ad3d[data-reduced-motion=true] .ad3d__progress>div>span,.ad3d[data-reduced-motion=true] .ad3d__arrow,.ad3d[data-reduced-motion=true] .ad3d__info,.ad3d[data-reduced-motion=true] .ad3d__cta{transition:none}.ad3d[data-reduced-motion=true] .ad3d__stage{perspective:1200px}.ad3d[data-reduced-motion=true] .ad3d__orbit{opacity:.5}@media (width>=768px) and (width<=1023px){.ad3d__stage{perspective:1100px;height:430px}.ad3d__card{border-radius:20px;width:178px}.ad3d__info{width:min(460px,100% - 24px);margin-top:-52px}}.ad3d__stage--skeleton{cursor:default}.ad3d__skeleton-card,.ad3d__skeleton-text{background:linear-gradient(90deg, var(--surface) 25%, color-mix(in oklab, var(--border) 60%, var(--surface)) 37%, var(--surface) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite ad3d-shimmer;display:block}.ad3d__skeleton-card{aspect-ratio:3/4;border-radius:22px;width:220px;position:absolute;top:47%;left:50%;box-shadow:0 18px 45px #231b101f}.ad3d__skeleton-card--center{z-index:3;transform:translate(-50%,-50%)scale(1)}.ad3d__skeleton-card--left{opacity:.6;transform:translate(-50%,-50%)translate(-34%)scale(.72)}.ad3d__skeleton-card--right{opacity:.6;transform:translate(-50%,-50%)translate(34%)scale(.72)}.ad3d__skeleton-text{border-radius:999px;width:55%;height:14px}.ad3d__skeleton-text--short{width:32%;margin-top:8px}@keyframes ad3d-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (width<=1200px){.ad3d__skeleton-card{width:190px}}@media (width<=767px){.ad3d__skeleton-card{border-radius:18px;width:165px}}.ad3d__fallback{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:28px;justify-items:center;gap:8px;padding:40px 24px;display:grid}.ad3d__fallback-title{margin:0;font-size:15px;font-weight:700}.ad3d__fallback-text{color:var(--muted-foreground);margin:0;font-size:13px}.ad3d__fallback .ad3d__cta{cursor:pointer;border:0;margin-top:8px}.ad3d__fallback .ad3d__cta:disabled{opacity:.6;cursor:progress}@media (prefers-reduced-motion:reduce){.ad3d__skeleton-card,.ad3d__skeleton-text{animation:none}}.ad3d__card-placeholder{aspect-ratio:3/4;background:linear-gradient(135deg, color-mix(in oklab, var(--muted) 88%, transparent), color-mix(in oklab, var(--card) 92%, transparent));width:100%;display:block}.ad3d__speed{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.75rem;display:flex}.ad3d__speed-label{color:hsl(var(--muted-foreground));letter-spacing:.08em;font-size:.75rem}.ad3d__speed-btn{border:1px solid hsl(var(--border));background:hsl(var(--card));min-height:32px;color:hsl(var(--muted-foreground));cursor:pointer;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;line-height:1;transition:background-color .16s,color .16s,border-color .16s}.ad3d__speed-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.ad3d__speed-btn[data-active=true]{background:hsl(var(--primary));border-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.ad3d__speed-btn--icon{place-items:center;width:32px;padding:0;display:inline-grid}