.commerce-scene{position:relative;width:100%;aspect-ratio:8/5;background:#f7f7f7;overflow:hidden}
.commerce-background{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.commerce-scene{border:0;box-shadow:none}
.commerce-scene::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#f7f7f7;pointer-events:none;z-index:2}
.commerce-pause{display:none!important}
.commerce-group{position:absolute;display:grid;gap:clamp(3px,.6vw,12px)}
.commerce-solo-main{left:10%;top:18.5%;width:28.5%;height:30%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.commerce-solo-detail{left:41.5%;top:18.5%;width:48.3%;height:30%;grid-template-columns:repeat(6,minmax(0,1fr))}
.commerce-duck-detail{left:10%;top:53%;width:51.8%;height:40%;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.4vw,26px)}
.commerce-duck-main{left:64.5%;top:53%;width:25.3%;height:40%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.commerce-tile{display:block;min-width:0;min-height:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:zoom-in;transform-origin:50% 50%}
.commerce-tile img{display:block;width:100%;height:100%;object-fit:contain;object-position:top}
.commerce-pause{position:absolute;right:10%;top:7%;border:0;background:transparent;color:#666;padding:8px;cursor:pointer;font:14px system-ui}
.module-directory-float{position:fixed;right:24px;bottom:24px;z-index:1000;border:1px solid #00aeef33;border-radius:22px;background:#ffffffed;color:#009fe3;text-decoration:none;padding:10px 16px;font:500 13px system-ui;box-shadow:0 5px 20px #00000012}
.module-directory-float:hover{background:#00aeef;color:white}
@media(prefers-reduced-motion:reduce){.commerce-tile{animation:none;opacity:1;transform:none}}